elementui select组件,多选时默认值的设置
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
<el-select v-model="value1" multiple placeholder="请选择">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
<script>
export default {
data() {
return {
options: [{
value: 1,
label: '黄金糕'
}, {
value: 2,
label: '双皮奶'
}, {
value: 3,
label: '蚵仔煎'
}, {
value: 4,
label: '龙须面'
}, {
value: 5,
label: '北京烤鸭'
}],
value1: []
}
}
}
</script>
需注意,绑定的value1的数组元素值为数值型,组件会默认显示对应的label值,如果元素值为字符型,则会在select组件中直接显示元素值;如果options数组中value为字符型的,数组value1的元素也应为字符型,
即value1的数组元素类型要与options数组中value的数据类型保持一致。
GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:3 个月前 )
c345bb45
7 个月前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 7 个月前
更多推荐
已为社区贡献2条内容
所有评论(0)