Antd vue 中如何禁止a-tree-select选中父级

最新推荐文章于 2024-08-07 15:40:47 发布

苏七的猫

最新推荐文章于 2024-08-07 15:40:47 发布

阅读量1.9k

点赞数 2

分类专栏： antd vue 文章标签： vue.js javascript

本文链接：https://blog.csdn.net/pacholy/article/details/130943989

版权

antd vue 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

该文章展示了如何在Vue组件<a-tree-select>中通过设置数据属性selectable为false来禁止节点的选择，提供了包含此属性的代码示例，并给出了具体的树形数据结构。

摘要由CSDN通过智能技术生成

只需要给数据加一个属性selectable=false

<template>
    <a-tree-select
      v-model:value="value"
      :fieldNames="{
        children: 'metrics',
        label: 'name',
        value: 'id',
      }"
      style="width: 100%"
      :height="233"
      :tree-data="metricList"
      allow-clear
    />
</template>
<script setup>
import { onMounted, ref, toRefs, reactive, watch } from 'vue';
const metricList = ref([
	{
		id:'aaa',
		name:'父级1',
		selectable:false,
		metrics:[
			{
				id:1,
				name:'子级1',
			}
		]
	}
])
</script>