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>