el-cascader如何获取值
时间: 2023-09-03 07:15:58 浏览: 44
对于 el-cascader,您可以通过监听其 `change` 事件来获取其选择的值。以下是一个示例:
```html
<template>
<el-cascader
v-model="selectedOptions"
:options="options"
@change="handleCascaderChange"
></el-cascader>
</template>
<script>
export default {
data() {
return {
selectedOptions: [],
options: [
{
value: 'value1',
label: 'Option 1',
children: [
{
value: 'value1-1',
label: 'Option 1-1',
},
{
value: 'value1-2',
label: 'Option 1-2',
},
],
},
{
value: 'value2',
label: 'Option 2',
children: [
{
value: 'value2-1',
label: 'Option 2-1',
},
{
value: 'value2-2',
label: 'Option 2-2',
},
],
},
],
};
},
methods: {
handleCascaderChange(value) {
console.log('Selected value:', value);
// 在这里可以处理您获取到的值
},
},
};
</script>
```
在上述示例中,`v-model` 指令绑定了 `selectedOptions`,这将存储用户选择的值。当用户选择不同的选项时,`change` 事件会触发 `handleCascaderChange` 方法,您可以在该方法中处理获取到的值。