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([])
      }
},