如何获取optionvalue
时间: 2024-03-02 10:51:25 浏览: 52
jQuery获取select选中的option的value值实现方法
5星 · 资源好评率100%
要获取el-option的value属性值,可以使用el-select组件的change事件来获取。当用户选择了一个或多个el-option时,el-select会触发change事件,并传递一个包含所有被选中的el-option的value属性值的数组作为参数。我们可以在change事件的回调函数中获取这个数组,从而得到所有被选中的el-option的value属性值。
以下是获取el-select的所有选中项value属性值的代码示例:
```javascript
<template>
<el-select v-model="selectedValue" @change="handleChange">
<el-option label="选项1" value="option1"></el-option>
<el-option label="选项2" value="option2"></el-option>
<el-option label="选项3" value="option3"></el-option>
</el-select>
</template>
<script>
export default {
data() {
return {
selectedValue: []
}
},
methods: {
handleChange(selectedValues) {
console.log(selectedValues); // 打印所有被选中的el-option的value属性值数组
}
}
}
</script>
```
在上面的代码中,当用户选择一个或多个el-option时,el-select会触发handleChange方法,并传递一个包含所有被选中的el-option的value属性值的数组作为参数。我们可以在handleChange方法中获取这个数组,并打印出来。
阅读全文