el-cascader 如何获取选中的数组指针
时间: 2023-08-18 09:33:33 浏览: 79
vue el-cascader所需要的省市区街道联动的数据格式
在使用 el-cascader 组件时,可以通过监听 `change` 事件来获取选中的数组指针。具体来说,可以在 `change` 事件的回调函数中,获取 `selectedOptions` 参数,该参数即为选中的数组指针。
例如,以下代码演示了如何监听 `change` 事件,并获取选中的数组指针:
```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(selectedOptions) {
console.log('Selected Options:', selectedOptions);
}
}
}
</script>
```
在上述代码中,`handleChange` 方法即为 `change` 事件的回调函数,在该方法中,可以通过 `selectedOptions` 参数获取选中的数组指针。
阅读全文