<template> <el-select v-model="value4" clearable placeholder="请选择"> <el-option v-for="item in options" :label="item.label" :value="item.value"> </el-option> </el-select> </template>
data() {
return {
options: [{
value: '选项1',
label: '黄金糕'
}, {
value: '选项2',
label: '双皮奶'
}, {
value: '选项3',
label: '蚵仔煎'
}, {
value: '选项4',
label: '龙须面'
}, {
value: '选项5',
label: '北京烤鸭'
}],
value4: '选项2'
}
}
注意: v-model="value4" 这里的 value4 要和 options 里的 value 保持一致...
来源:https://segmentfault.com/q/1010000008962854