element el-tree 设置动态禁用 延迟生效问题

Question

发现出现不能及时更新禁用状态 要点击才能更新 而且是更新单个是什么原因

<el-tree
 ref="menuTree"
 v-model="roleActionVo.menuIds"
 :data="menuTree"
 show-checkbox
 node-key="menuId"
 style="overflow: hidden;"
 default-expand-all
 :check-strictly="true"
 :props="defaultProps"
 :default-checked-keys="checkedId"
 @check="handleChange"
 />

封装禁用函数

function G(i, bool) {
 // 第一级
 if (i._disabled === undefined) {
 i._disabled = i.disabled === undefined ? false : i.disabled
 }
 i.disabled = bool
 // 如果有子级
 if (i.resources && i.resources !== undefined) {
 R(i.resources, bool)
 }
 return i
}
export function R(s, bool) {
 return s.map(i => {
 return G(i, bool)
 })
}

// 调用 R(Data, true) / R(Data, false)

Answer 1

请问这个问题得到处理了吗？我也同样遇到了

Answer 2

  //在选中的时候，将当前节点的disabled修改为true
  dealTreeOnceChecked(datas, notCheck) {
    datas.forEach((item) => {
      let arrChildren = item.childList
      if (arrChildren != null)
        this.dealTreeOnceChecked(arrChildren, notCheck)
      if (item.id === notCheck) {
        this.$set(item, 'disabled', true) //设置禁用使用该指令
        item.disabled = true
        this.handleNodeClick(item, false)
      } else {
        this.$set(item, 'disabled', false)
      }
    })
  },