vue treeselect与el-cascader 根据状态判断禁用

可恨的资本家

已于 2022-10-26 08:50:50 修改

阅读量1.1k

点赞数

文章标签： vue.js 前端 javascript

于 2022-10-25 17:56:04 首次发布

本文链接：https://blog.csdn.net/tttrycatch/article/details/127518377

版权

参考地址：前端vue中treeselect和使用elementUI时el-cascader的某些选项根据状态禁用的实现_Holly 的博客-CSDN博客_el-cascader 禁用

需要在树结构中加一个这个

:flat="true"

<treeselect v-model="form.outletsId" :options="deptTree" :normalizer="normalizer" placeholder="选择客户信息"
                          style="width: 220px" />

方法

    normalizer(node) {
      if (node.children && !node.children.length) {
        delete node.children;
      }
      return {
        id: node.deptId,
        label: node.deptName,
        children: node.children,
        isDisabled: node.deptType == 0 || node.deptType == 1 ? true : false,
      };
    },