当前位置:首页 » 《资源分享》 » 正文

Cascader 级联选择器只能选择人员(最后一级)

13 人参与  2024年09月22日 10:40  分类 : 《资源分享》  评论

点击全文阅读


代码:

<el-cascader    v-model="form.projectManagerId"    :options="peooptions"    :props="{      label: 'label',      value: 'id',      children: 'children',      emitPath: false,    }"    clearable  ></el-cascader>

 我们发现,只要是最后一级,都能被选中,不符合我们的需求!!!


代码实现:

<el-cascader    v-model="form.projectManagerId"    :options="peooptions"    :props="{      checkStrictly: true,   //  父子节点不互相关联      label: 'label',      value: 'id',      children: 'children',      emitPath: false,    }"    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);


点击全文阅读


本文链接:http://zhangshiyu.com/post/163020.html

<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

关于我们 | 我要投稿 | 免责申明

Copyright © 2020-2022 ZhangShiYu.com Rights Reserved.豫ICP备2022013469号-1