vue+element目录树初始化和销毁

最近在做指标树,其中有一个功能是回显的功能,但是当你进入页面时,点击显示指标树,会把之前选中过的数据留下,不会销毁,不会在走声明周期,也不会发送请求

就是隐藏dialog的时候要销毁这个dialog,在关闭dialog的时候将v-if设置为false这样el-tree会直接将其从DOM结构中抹除,到此问题解决。

<el-dialog
    title="新增指标树"
    :visible.sync="addDialogVisible"  //控制显示和隐藏
    v-if="addDialogVisible"  //销毁之前的  每次进入都会发起新的请
>
  <el-tree
    :props="props"
    :load="lazyLoad"
    lazy
    show-checkbox>
  </el-tree>
</el-dialog>
<script>
export default {
  data(){
  return {
  addDialogVisible:false
}
}
}
</script>

猜你喜欢

转载自www.cnblogs.com/Jerry1208/p/11937905.html