<el-select>组件怎么做多选框,可以一次允许选择可选项的多个内容,请举例说明
时间: 2024-03-08 10:50:13 浏览: 239
解决element-ui里的下拉多选框 el-select 时,默认值不可删除问题
要在`<el-select>`组件中启用多选模式,你只需要在组件的`multiple`属性中设置`true`即可。例如:
```
<el-select v-model="selectedOptions" multiple>
<el-option label="Option 1" value="option1"></el-option>
<el-option label="Option 2" value="option2"></el-option>
<el-option label="Option 3" value="option3"></el-option>
</el-select>
```
在上面的代码中,我们通过将`multiple`属性设置为`true`启用了多选模式,并使用`v-model`指令将选中的选项绑定到`selectedOptions`数组中。当用户选择一个或多个选项时,`selectedOptions`数组会随之更新。
请注意,如果你想要在多选模式下允许最多选择的选项数量,可以在`<el-select>`组件中设置`limit`属性,例如`<el-select v-model="selectedOptions" multiple :limit="3">`。这将限制用户最多只能选择3个选项。
阅读全文