vue+element el-tree实现点击全选或者反选渲染数据

html

<div align="left">
      <el-checkbox v-model="checked" @change="checked1"/> 全选/反选
 </div>
 <el-tree
       :data="data"
        ref="tree"
        show-checkbox
        node-key="Code"
        :props="defaultProps"
         @check-change="getdata"
>
 </el-tree>

js

checked1() { // el-tree全选事件
    if (this.checked) { // 全选
        this.$refs.tree.setCheckedNodes(this.data)
      } else { // 取消选中
        this.$refs.tree.setCheckedKeys([])
      }
},
posted @ 2020-09-12 15:20  四季春的茶-  阅读(4059)  评论(0)  编辑  收藏  举报