Vue中的select下拉框是靠 v-model 来绑定选项 option 的 value 值的。
如下图:v-model绑定的是status,在js中将status置为0,下拉框就会默认关闭,置为空,就会默认为‘请选择’。
<el-form-item label="状态" prop="status">
<el-select v-model="form.status" placeholder="请选择">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</el-form-item>
data() {
return {
form: {
status: 0,//默认选中项的value值是什么,就给绑定的属性什么值
},
options: [
{
label: '请选择',
value: ''
},
{
label: '开启',
value: 1
},
{
label: '关闭',
value: 0
}
],
}
},