vue如何监听el-option中选的值
时间: 2024-05-04 16:15:18 浏览: 146
可以在 `el-select` 中绑定 `v-model`,然后通过监听 `v-model` 的值来获取 `el-select` 中选中的值。
示例代码:
```html
<el-select v-model="selectedValue">
<el-option v-for="option in options" :key="option.value" :label="option.label" :value="option.value"></el-option>
</el-select>
```
```javascript
data() {
return {
selectedValue: '',
options: [
{ label: '选项一', value: '1' },
{ label: '选项二', value: '2' },
{ label: '选项三', value: '3' }
]
}
},
watch: {
selectedValue(newValue, oldValue) {
console.log('选中的值为:', newValue);
}
}
```
其中,`selectedValue` 是 `el-select` 绑定的 `v-model`,通过监听 `selectedValue` 的变化来获取选中的值。
阅读全文