element ui 下拉框选择后如何 选中里的所有参数
时间: 2023-07-05 20:20:41 浏览: 97
Vue + Element-ui的下拉框el-select获取额外参数详解
如果你使用的是 ElementUI 的 Select 组件,你可以通过设置 `multiple` 属性来开启多选模式,然后通过 `v-model` 来绑定选中的值。这样在下拉框中选中的所有参数都会被选中。
示例代码如下:
```html
<el-select v-model="selectedOptions" multiple>
<el-option v-for="option in options" :key="option.value" :label="option.label" :value="option.value"></el-option>
</el-select>
```
```js
data() {
return {
options: [
{ value: 'option1', label: '选项1' },
{ value: 'option2', label: '选项2' },
{ value: 'option3', label: '选项3' },
{ value: 'option4', label: '选项4' },
],
selectedOptions: [],
};
}
```
在上述代码中,`options` 数组是下拉框中的选项列表,`selectedOptions` 是选中的值的数组,可以通过 `this.selectedOptions` 来获取到所有选中的参数。
阅读全文