el-select 监听lable代码
时间: 2023-10-30 20:05:04 浏览: 122
el-select获取选中的label值.pdf
5星 · 资源好评率100%
您可以使用 `@change` 事件来监听 `el-select` 组件的选中项变化。例如:
```html
<el-select v-model="selectedItem" @change="handleSelectChange">
<el-option label="Option 1" value="option1"></el-option>
<el-option label="Option 2" value="option2"></el-option>
<el-option label="Option 3" value="option3"></el-option>
</el-select>
```
在上面的代码中,`v-model` 指令绑定了一个名为 `selectedItem` 的变量,表示当前选中的项。`@change` 事件绑定了一个名为 `handleSelectChange` 的方法,当用户选中某个选项时会触发该方法。您需要在 Vue 实例中定义这个方法,例如:
```javascript
new Vue({
el: '#app',
data: {
selectedItem: ''
},
methods: {
handleSelectChange: function(newValue) {
console.log('Selected item changed to:', newValue);
}
}
});
```
在上面的代码中,`handleSelectChange` 方法会接收一个表示新选中项的值作为参数 `newValue`,您可以在该方法中进行相应的处理。
阅读全文