有个这样的需求,点击角色列表每一行,根据返回的roleTypeDictCode的值,控制右边菜单分配树选择是否禁用;我已经做出来每次点击,给节点加disabled了,但是菜单没变,但是点击树的时候,其实disabled的属性是加上的,不知道为什么没有加载出来; 后来终于实现了: methods ...
在elementUI的组件中,没有对el tree里面的复选框设置不可修改状态 只能在每个对象里面添加disabled属性,才能达到想要的结果。 如下图: 所以当我们想禁用所有状态的时候,就可以使用迭代的方式满足需求,具体如下代码: ...
2020-08-28 11:10 0 1921 推荐指数:
有个这样的需求,点击角色列表每一行,根据返回的roleTypeDictCode的值,控制右边菜单分配树选择是否禁用;我已经做出来每次点击,给节点加disabled了,但是菜单没变,但是点击树的时候,其实disabled的属性是加上的,不知道为什么没有加载出来; 后来终于实现了: methods ...
可以了,前提是要设置好node-key属性。然后在created()或mounted()钩子里写上代码就 ...
凌晨3点,功夫不负有心人,已经累趴,效果终于出来: 看到树形结果,我们首先想到的是肯定需要用到递归了。 贴上代码: 备注:也许代码冗余,但是效果亲测出来啦 ...
1、指定渲染函数:render-content="renderContent" <el-tree ref="tree" :data="functionData" :props="props" accordion :default-checked-keys="selectFunction ...
给el-tree 绑定事件: @node-expand="treeNodeAddDb" treeNodeAddDb(){ this.$nextTick(()=> ...
解决方式: 无需设置 default-checked-keys 属性 读取到接口数据后使用 this.$refs.tree.setCheckedNodes(***传入接口返回的节点 keys***) 设置默认; 提交前使用 this. ...