elementUi tree 实现点击复选框后文字，复选框选中，再次点击取消选中

最新推荐文章于 2024-07-08 12:02:33 发布

coderhuihui

最新推荐文章于 2024-07-08 12:02:33 发布

阅读量4.2k

点赞数 2

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/qq_40580023/article/details/107577883

版权

vue 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

           <el-tree
                    ref="writTree"
                    :data="waitSelectWritList"
                    show-checkbox
                    node-key="id"
                    :highlight-current="true"
                    default-expand-all
                    @node-click="handleNodeClick"
                    @check-change="handleCheckChange"
                    :props="{children: 'children',label: 'writName'}">
            </el-tree>


//writSelection为被选中数组
handleNodeClick(data){
     const index = this.writSelection.findIndex(d => d.id === data.id);
      if(index>-1){
            this.$refs.writTree.setChecked(data,false)
      }else{
            this.$refs.writTree.setChecked(data,true)
            }
     },
handleCheckChange(data, checked, indeterminate){
      if(checked){
         this.writSelection.push(data);
       }else{
             const index = this.writSelection.findIndex(d => d.id === data.id);
              this.writSelection.splice(index, 1);
        }
            console.log("操作后",this.writSelection)
},