element ui tree组件获取选中的id

1,705 阅读1分钟
       <el-tree
         :data="treeData" //绑定的数组
         show-checkbox //是否显示复选框
         :default-checked-keys="check" //默认选中的值 是一个数组里面是每个值的id
         node-key="id" //绑定id 重点...
         ref="tree" //很多方法都要先声明red 重点...
         highlight-current
         :props="defaultProps"
         @check="currentChecked"//监听点击事件
       >
       </el-tree>
       
       data(){
       retuen{
        defaultProps: {
         children: "children",
         label: "label",
       }, 
       check:[],
       roleData:'',//点击选中的数据
       }
       }
       
       methods: {
         currentChecked (nodeObj, SelectedObj) {
     // console.log(SelectedObj,'ttt')
     // console.log(SelectedObj.checkedKeys,'pppp')   // 这是选中的节点的key数组 
     取消子节点下其中一个复选框不会返回父节点id
     // console.log(SelectedObj.checkedNodes,'oooo')  // 这是选中的节点数组 
      let id = this.$refs.tree.getHalfCheckedKeys().concat(this.$refs.tree.getCheckedKeys())
      //勾选与取消都会返回父节点id
      this.check = SelectedObj.checkedKeys
      this.sysRoleUpdateCheck(id)
      console.log(id ,'this.$refs.tree.getCheckedKeys()')
   },
       }