el-Cascader获取选中值的id
时间: 2024-05-13 11:19:50 浏览: 79
获取select的值
el-cascader 组件可以通过 `change` 事件监听选中值的变化,事件回调函数的参数包含两个属性:`value` 和 `selectedOptions`。其中 `value` 为选中值的数组,`selectedOptions` 为选中值的对象数组,其中每个对象包含 `value` 和 `label` 两个属性,分别表示选中值的 id 和文本。
你可以通过监听 `change` 事件,获取选中值的 id。代码示例如下:
```html
<template>
<el-cascader :options="options" @change="handleChange"></el-cascader>
</template>
<script>
export default {
data() {
return {
options: [
{
value: 'zhinan',
label: '指南',
children: [
{
value: 'shejiyuanze',
label: '设计原则',
children: [
{
value: 'yizhi',
label: '一致'
},
{
value: 'fankui',
label: '反馈'
}
]
}
]
}
]
};
},
methods: {
handleChange(value, selectedOptions) {
console.log(value); // 打印选中值的 id 数组
console.log(selectedOptions); // 打印选中值的对象数组
}
}
};
</script>
```
阅读全文