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