<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