如何去掉treeselect的unknow
时间: 2023-09-28 16:07:46 浏览: 19
"treeselect"组件的"unknown"是指在选项中未被识别的值。要去除"unknown",您需要将选项中包含的所有值都映射到对应的标签或值。
以下是一个例子,在这个例子中,我们将选项的值映射到对应的标签:
```
<template>
<treeselect v-model="value" :options="options" />
</template>
<script>
export default {
data() {
return {
value: null,
options: [
{ id: 1, label: "Apple" },
{ id: 2, label: "Banana" },
{ id: 3, label: "Orange" },
],
};
},
};
</script>
```
在上面的示例中,我们将每个选项的"id"映射到对应的"label"。这样,即使用户选择了未识别的值,也会被正确地映射到其对应的标签。
您还可以通过在"treeselect"组件上使用"allow-create"属性,允许用户创建新的选项。
```
<template>
<treeselect v-model="value" :options="options" allow-create />
</template>
<script>
export default {
data() {
return {
value: null,
options: [
{ id: 1, label: "Apple" },
{ id: 2, label: "Banana" },
{ id: 3, label: "Orange" },
],
};
},
};
</script>
```
在上面的示例中,如果用户输入了未识别的值,它将被创建为一个新的选项。这样,"unknown"将不再出现在"treeselect"组件中。