element ul 树形控件

      <el-checkbox   v-model="checkAll" @change="checkAllChange">全选复选框</el-checkbox>  

      <el-tree class="tree" ref="channelTree" :data="props" :props="defaultProps" node-key="id" show-checkbox ></el-tree>

        

checkAllChange（）{

if (this.checkAll) { // 全选

        this.$nextTick(() => {/这个如果要默认全选就必须加，否则会报错“setCheckedNodes”未定义

                this.$refs.channelTree.setCheckedNodes(this.props)

         })

 } else { // 取消选中

   this.$nextTick(() => {

        this.$refs.channelTree.setCheckedKeys([])

    })

  }

}

let allMenuId = [].concat(this.$refs.channelTree.getCheckedKeys(), this.$refs.channelTree.getHalfCheckedKeys())  // 将树形选中转为数组形式