vue-treeselect 禁止父级选中,不禁止子集选中

最新推荐文章于 2024-08-09 09:48:25 发布

青果小橙子

最新推荐文章于 2024-08-09 09:48:25 发布

阅读量85

点赞数 1

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_46391404/article/details/140993634

版权

<treeselect v-model="form.submissionUnit" :flat="true" :options="deptOptions" :value-consists-of="valueConsistsOf"
:normalizer="leadersNormalizer" placeholder="请选择" noOptionsText="暂无数据" noResultsText="暂无匹配数据" />

// 第一要写:flat="true"
data() {
      return {
      	deptOptions: []
      }
}
methods: {
	leadersNormalizer(node) {
     if (node.children && !node.children.length) {
        delete node.children;
      }
      return {
        id: node.id,
        label: node.label,
        children: node.children
      };
    },
     getTreeselect() {
        treeList({}).then((response) => { // 获取树数据
          this.deptOptions = this.changeData(response);
        });
      },
      changeData(data)  { // 存在子集就不让禁止，父级让禁止
      	data.map(item => {
      		if (!item.children) {
            item.isDisabled = false
      		} else if (item.children && item.children.length > 0){
            item.isDisabled = true
          }
      		item.children && item.children.length > 0 && this.changeData(item.children);
      	})
      	return data;
      }
}