elementui中批量禁用表单元素不可编辑

官网上自带的禁用方式是直接在数据中加disabled:true,在项目中并不好用 如下

找了半天，才发现在props绑定的对象中可以实现灵活禁用。直接上代码

<el-form-item label="角色权限：" required>
          <el-tree
            ref="tree"
            :data="treeData"
            node-key="id"
            show-checkbox
            accordion
            :props="defaultProps"
          >
          </el-tree>
        </el-form-item>
        

      defaultProps: {
        children: "permList",
        label: "name",
        disabled: this.disabledFn //关键定义处
      }
        
//方法
    disabledFn() {
      return this.source == 3;
    },

 这样就可以直接在函数中根据条件来判断是否禁用

原博客：https://www.cnblogs.com/wwmm1996/p/14425848.html