element ui 选择器 选中后 如何拿取选中里的所有值
时间: 2023-07-05 22:20:42 浏览: 99
【基于element ui的color选择器】基于element ui的color选择器项目源码
对于 Element UI 的选择器,可以通过 `v-model` 指令来绑定选择器的值。如果选择器支持多选,那么 `v-model` 绑定的值将是一个数组,里面存储了所有选中的值。
例如,如果你有一个支持多选的选择器:
```html
<el-select v-model="selectedOptions" multiple>
<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>
```
那么你可以在 Vue 实例中定义一个 `selectedOptions` 的数组,用来存储选择器中选中的值:
```js
data() {
return {
selectedOptions: []
}
}
```
当用户选择了选项后,`selectedOptions` 数组就会被更新,里面存储了所有选中的值。
你可以通过访问 `selectedOptions` 数组来获取所有选中的值,例如:
```js
console.log(this.selectedOptions) // 输出所有选中的值
```
阅读全文