Cascader 级联选择器只能选择人员（最后一级）
余道各努力，千里自同风 2024-10-25 08:33:01 阅读 63
代码：
<code><el-cascader
v-model="form.projectManagerId"code>
:options="peooptions"code>
:props="{
label: 'label',
value: 'id',
children: 'children',
emitPath: false,
}"code>
clearable
></el-cascader>
我们发现，只要是最后一级，都能被选中，不符合我们的需求！！！
代码实现：
<code><el-cascader
v-model="form.projectManagerId"code>
:options="peooptions"code>
:props="{
checkStrictly: true, // 父子节点不互相关联
label: 'label',
value: 'id',
children: 'children',
emitPath: false,
}"code>
clearable
></el-cascader>
通过在数据源中设置 disabled 字段来声明该选项是禁用的 ：
// 拿到数据后
const recursionData = (arr) => {
for (let i = 0; i < arr.length; i++) {
if (arr[i].nodeType != '3') {
arr[i].disabled = true;
}
if (arr[i].children && arr[i].children.length) {
recursionData(arr[i].children);
}
}
};
recursionData(this.peooptions);
声明
本文内容仅代表作者观点，或转载于其他网站，本站不以此文作为商业用途
如有涉及侵权，请联系本站进行删除
转载本站原创文章，请注明来源及作者。