vue-treeselect的节点设置为选中状态
时间: 2023-12-07 20:23:27 浏览: 206
vue 实现单选框设置默认选中值
要将`vue-treeselect`的节点设置为选中状态,你可以使用该组件提供的`value`属性。将要选中的节点的值添加到`value`数组中即可。例如,如果你想选中值为`"1"`和`"2"`的节点,你可以这样写:
```
<template>
<vue-treeselect
:options="options"
v-model="selectedNodes"
:value="['1', '2']"
/>
</template>
<script>
export default {
data() {
return {
options: [
{ id: '1', label: 'Node 1' },
{ id: '2', label: 'Node 2' },
{ id: '3', label: 'Node 3' },
],
selectedNodes: [],
};
},
};
</script>
```
这样,渲染出来的`vue-treeselect`组件中,值为`"1"`和`"2"`的节点会被选中。如果你想在代码中动态地设置选中的节点,只需要在`value`数组中添加或删除相应的节点值即可。
阅读全文