elementUI select 支持多选
element-ui中select支持多选;支持输入模糊匹配下拉项;支持清空选项;
·
element-ui中select支持多选;(只需在el-select标签中添加multiple即可)
1、HTML:
<el-select
v-model="value"
multiple
placeholder="请选择文章标签">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
2、js:
data中加入以下代码:
options: [{
value: 'HTML',
label: 'HTML'
}, {
value: 'CSS',
label: 'CSS'
}, {
value: 'JavaScript',
label: 'JavaScript'
}],
value: []
其他属性:
1、filterable : 支持输入时模糊匹配下拉选项;
2、clearable : 是否可以清空选项;
仅加入该字段既可;
更多推荐
所有评论(0)