vue TreeSelect 全选数据怎么拿
要获取TreeSelect组件中所有选中的数据,可以使用v-model指令来绑定一个变量,然后在使用时,通过访问这个变量来获取选中的数据。
示例代码如下所示:
<template>
<div>
<TreeSelect v-model="selectedData" :data="treeData" multiple show-checkbox></TreeSelect>
<button @click="getAllSelectedData">获取选中的数据</button>
</div>
</template>
<script>
export default {
data() {
return {
selectedData: [], // 用于存储选中的数据
treeData: [
{
label: "选项1",
value: "1",
children: [
{
label: "选项1-1",
value: "1-1",
children: []
},
{
label: "选项1-2",
value: "1-2",
children: []
}
]
},
{
label: "选项2",
value: "2",
children: [
{
label: "选项2-1",
value: "2-1",
children: []
},
{
label: "选项2-2",
value: "2-2",
children: []
}
]
}
]
};
},
methods: {
getAllSelectedData() {
console.log(this.selectedData);
}
}
};
</script>
在上述代码中,我们使用v-model指令将selectedData变量与TreeSelect组件绑定,这样当用户选择或取消选择选项时,selectedData会自动更新。然后,我们在getAllSelectedData方法中访问selectedData变量,就可以获取到当前选中的数据
原文地址: http://www.cveoy.top/t/topic/irm7 著作权归作者所有。请勿转载和采集!