elementplus el-select获取选中的值
时间: 2023-07-24 11:05:58 浏览: 1075
要获取 Element Plus 的 el-select 组件中选中的值,可以使用 v-model 来绑定一个变量,并在需要的地方访问该变量。例如:
```
<template>
<el-select v-model="selected">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select>
<button @click="showSelected">Show Selected</button>
</template>
<script>
export default {
data() {
return {
options: [
{ value: 'option1', label: 'Option 1' },
{ value: 'option2', label: 'Option 2' },
{ value: 'option3', label: 'Option 3' },
],
selected: '',
}
},
methods: {
showSelected() {
console.log(this.selected)
},
},
}
</script>
```
在上面的例子中,我们使用 v-model 绑定了 selected 变量,并在 showSelected 方法中打印出了该变量的值。当用户选择一个选项时,selected 变量的值会自动更新,因此在 showSelected 方法中获取的值就是当前选中的值。
阅读全文