el-tree 动态渲染值对已知节点disabled

原创已于 2023-01-29 15:43:39 修改 · 2.5k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#elementui #前端 #vue

于 2022-04-27 15:40:16 首次发布

依旧是根据需求记录的一天

   <el-tree
      ref="tree"
      :data="menuData"
      show-checkbox
      node-key="node_id"
      :props="defaultProps2"
      :default-checked-keys="checkedId"
    />

从后台动态获取的树的数据
项目需求要把其中的某一个节点设置为禁用
实现：
在data中配置el-tree的props
我这里是已知节点的数据判断节点id来设置disabled

defaultProps2: {
  children: 'children',
  label: 'name',
  disabled: function(data, node) {
    // 禁用回收站选项
    if (data.level === 3) {
      return true
    }
  }
}