vue element ui树形控件

 defaultProps: {
        children: "children",
        label: "name"
}, //格式绑定
  memberlist: [], //列表
  permissionIds: [], // 半勾选+全勾选
  checkPermissionIds: [], //全勾选

<el-tree
      ref="tree"
      :data="memberlist"
      :default-checked-keys="checkPermissionIds"
      :props="defaultProps"
      node-key="id"
      show-checkbox
      @check-change="handleCheckChange"
 ></el-tree>

 handleCheckChange() {
      this.checkPermissionIds = this.$refs.tree.getCheckedKeys();
      console.log(this.checkPermissionIds, "全勾选");
      this.permissionIds = [
        ...this.$refs.tree.getCheckedKeys(),
        ...this.$refs.tree.getHalfCheckedKeys()
      ];
      console.log(this.permissionIds, "半勾选+全勾选");
    },

 //清除上次默认勾选
 closeDialog() {
      this.$refs.tree.store.defaultCheckedKeys = [];
 },