记录一下问题
<treeselect
v-model="form.parentId"
:options="deptOptions"
:normalizer="normalizer"
placeholder="选择上级部门"
@select="onChangeData"
:flat="true"
/>
flat默认为false,如禁用父节点下级子节点也会全部被禁用
normalizer(node) {
if (node.children && !node.children.length) {
delete node.children;
}
return {
id: node.deptId,
label: node.deptName,
isDisabled: node.parentId == 0,
children: node.children,
};
},
定义好isDisabled属性即可
文章讨论了在Vue应用中使用treeselect组件时,如何通过normalizer函数来定义isDisabled属性,实现当父节点被禁用时,其所有子节点也随之禁用的功能。flat属性用于控制是否显示子节点,deptOptions是选项数据源,onChangeData是选择事件的处理函数。
1万+

被折叠的 条评论
为什么被折叠?



