element-ui树形控件 取部分值时父id也要一起拿到传给后端

基础用法

              <el-tree
                :data="resourceData"
                ref="tree"
                node-key="id"
                :props="{
                  label: 'name',
                }"
                show-checkbox
                @check-change="handleCheckChange">
              </el-tree>
            // resourceData是所有数据

 js部分

    /**
     * @function 表单的树状选值触发的方法,拿到最里面那层的子id
     */
    handleCheckChange() {
      this.form.resourceId = this.$refs.tree.getCheckedKeys() 
    },
    // 拿到父id跟子id的方法
    let resourceId= Array.from(new Set([...this.$refs.tree.getCheckedKeys(),...this.$refs.tree.getHalfCheckedKeys()]))

数据回显时的方法

this.$refs.tree.setCheckedKeys(res.data.data.resourceId)