admin管理员组文章数量:1641402
1.在我们的开发中,经会出现部门的选择, 禁止选中父级,只能选择子级 这样的情况
话不多说,直接上代码
<el-form-item label="部门ID" prop="did">
<treeselect v-model="form.did" :options="deptOptions" :disable-branch-nodes="true" :show-count="true" placeholder="请选择归属部门" />
</el-form-item>
加一个 :disable-branch-nodes="true" 就可以完成这个的效果
2.如果想实现任意的的禁用,,如下图
可以设置 isDisabled= true 来实现
1. 在页面添加一个 :normalizer="normalizer" 的属性
<el-form-item label="归属部门" prop="did">
<treeselect v-model="form.did" :options="deptOptions" :normalizer="normalizer" :disable-branch-nodes="true" :show-count="true" placeholder="请选择归属部门" />
</el-form-item>
2. 根据后端的返回的数据进行判断 添加一个 isDisabled= true
normalizer(node) {
if(node.id==="132"){
node['isDisabled'] = true;
}
},
这样就可以实现这样的效果 , 如果想实现动态的可以最次进行判断
本文标签: TreeSelectisDisabledtrue
版权声明:本文标题:TreeSelect 禁止选中父级,只能选择子级 使用isDisabled 为true 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://m.elefans.com/dianzi/1729318410a1195582.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论