vue treeselect获取选中的值
时间: 2023-08-06 17:04:36 浏览: 127
要获取 Vue Treeselect 组件中选中的值,可以使用以下两种方法:
1. 使用 `v-model` 绑定选中值的数组,例如:
```html
<template>
<treeselect v-model="selectedItems" :multiple="true" :options="options" />
</template>
<script>
export default {
data() {
return {
selectedItems: [],
options: [
{ id: 1, label: 'Option 1' },
{ id: 2, label: 'Option 2' },
{ id: 3, label: 'Option 3' },
],
};
},
};
</script>
```
在上述代码中,选中的值会被存储在 `selectedItems` 数组中,可以直接通过访问该数组来获取选中的值。
2. 使用 `@select` 事件监听选中值的变化,例如:
```html
<template>
<treeselect @select="handleSelect" :multiple="true" :options="options" />
</template>
<script>
export default {
data() {
return {
options: [
{ id: 1, label: 'Option 1' },
{ id: 2, label: 'Option 2' },
{ id: 3, label: 'Option 3' },
],
};
},
methods: {
handleSelect(selectedItems) {
console.log(selectedItems);
},
},
};
</script>
```
在上述代码中,当选中的值发生变化时,会触发 `handleSelect` 方法,并将选中的值作为参数传递给该方法。可以在该方法中处理选中的值。
阅读全文