el-tree清除节点勾选状态无效

最新推荐文章于 2024-06-30 11:01:36 发布

L221545

最新推荐文章于 2024-06-30 11:01:36 发布

阅读量1.4k

点赞数

文章标签：前端 vue.js elementui

本文链接：https://blog.csdn.net/L221545/article/details/129687568

版权

文章描述了一个在Vue.js应用中遇到的问题，即关闭带有下拉框的弹窗时，选中的数据未能被清除。解决方案是为el-dialog组件绑定一个动态的key，每次打开时生成不同的key，配合定时器确保弹窗正确显示，并使用setChecked清空节点树的选择。这种方法避免了页面刷新，有效解决了问题。

摘要由CSDN通过智能技术生成

1、错误：勾选了下拉框里的数据，关闭弹窗时有清除勾选，this.$refs.eltree.setChecked([]);打开弹窗，再次选择框没有清除已选
弹窗后面重新打开关闭，页面不会刷新
在这里插入图片描述

2、解决：给el-dialog绑定一个key,打开弹窗生成不同的key

    <el-dialog
      size="473px"
      :visible.sync="dialogChoose"
      custom-class="drawer_device"
      :showClose="false"
      @close="cancelDevice"
      :key="cKey"
    >

   this.cKey = Math.random();
      setTimeout(() => {
        this.dialogChoose = true;
      }, 200);//放在定时器里面，不然打开弹窗会闪一下
      if (this.$refs.eltree) this.$refs.eltree.setChecked([]);//eltree是节点树的标识