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>

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM