el-tree节点禁用并隐藏

696 阅读1分钟

实现效果:指定层级节点可选,禁用不可勾选选框

1. el-tree的props条件禁用

 props: {
        label: function(data, node) {
          return data.name
        },
        children: 'zones',
        isLeaf: 'leaf',
        disabled: data => {
          return data.type === '3'
        }
      },

2、样式隐藏(包含展开按钮间距)

::v-deep {
    .el-checkbox__input.is-disabled{
       display: none;
     }
     
     .el-tree-node__expand-icon{
        padding: 0;
     }
}