el-select点击获取目标值
时间: 2024-11-21 16:29:49 浏览: 15
在Element UI库中的`el-select`组件中,当你点击下拉框选择一项时,通常会触发`@change`或`@input`事件。这两个事件分别在用户手动更改选项并确认选择(如点击确定按钮)以及输入内容改变时触发。你可以通过监听这些事件来获取选中的目标值。
例如,在Vue.js中,你可以这样做:
```html
<template>
<el-select v-model="selectedValue" @change="handleSelectChange">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</template>
<script>
export default {
data() {
return {
selectedValue: '',
options: [
// 你的选项列表
]
}
},
methods: {
handleSelectChange(value) {
console.log('用户选择了:', value); // 这里就是选中的目标值
}
}
}
</script>
```
在这个例子中,`v-model`绑定到`selectedValue`属性上,当用户做出选择时,`handleSelectChange`方法会被调用,并将所选值作为参数传入。
阅读全文