vue-treeselect选择根节点默认不自动选叶子
时间: 2023-08-15 16:03:23 浏览: 175
对于vue-treeselect,如果您想选择根节点时不自动选中其子节点(即叶子节点),可以使用`flattenSearchResults`属性。将其设置为`true`将展开所有节点,并将所有节点平铺在搜索结果中,但不会自动选中叶子节点。在这种情况下,您需要根据需要手动选择节点。
以下是一个示例:
```html
<template>
<div>
<treeselect v-model="value" :options="options" :flatten-search-results="true"></treeselect>
</div>
</template>
<script>
import Treeselect from '@riophae/vue-treeselect'
import '@riophae/vue-treeselect/dist/vue-treeselect.css'
export default {
components: {
Treeselect
},
data() {
return {
value: null,
options: [
{
id: 1,
label: 'Node 1',
children: [
{
id: 2,
label: 'Node 1-1',
children: [
{
id: 3,
label: 'Node 1-1-1'
},
{
id: 4,
label: 'Node 1-1-2'
}
]
},
{
id: 5,
label: 'Node 1-2',
children: [
{
id: 6,
label: 'Node 1-2-1'
},
{
id: 7,
label: 'Node 1-2-2'
}
]
}
]
}
]
}
}
}
</script>
```
在上面的示例中,通过将`flatten-search-results`属性设置为`true`,可以展开所有节点并在搜索结果中显示它们,但不会自动选中叶子节点。
阅读全文