vue-treeselect的节点设置为选中状态
时间: 2023-12-07 13:23:17 浏览: 123
要将vue-treeselect的节点设置为选中状态,有两种方法:
1. 通过设置treeselect的v-model来实现选中节点。
```
<template>
<div>
<vue-treeselect v-model="value" :options="options"></vue-treeselect>
</div>
</template>
<script>
export default {
data() {
return {
options: [
{ id: 1, label: 'Option 1' },
{ id: 2, label: 'Option 2', children: [
{ id: 21, label: 'Option 2.1' },
{ id: 22, label: 'Option 2.2' },
]},
{ id: 3, label: 'Option 3' },
],
value: [1, 22] // 选中了id为1和22的节点
}
}
}
</script>
```
2. 通过设置节点的属性来实现选中节点。
```
<template>
<div>
<vue-treeselect :options="options"></vue-treeselect>
</div>
</template>
<script>
export default {
data() {
return {
options: [
{ id: 1, label: 'Option 1', selected: true },
{ id: 2, label: 'Option 2', children: [
{ id: 21, label: 'Option 2.1' },
{ id: 22, label: 'Option 2.2', selected: true },
]},
{ id: 3, label: 'Option 3' },
],
}
}
}
</script>
```
在第二种方法中,通过在节点对象中设置 `selected: true` 来实现选中节点。
阅读全文