select 表单控件初始化后,选择下拉选项,值无法绑定。点击其他控件时,值才可以绑定。
原因是:绑定的值在对象里面,赋值出项错误。
<el-select v-model="form.status" placeholder="请选择">
<el-option
v-for="item in statusoptions"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
data() {
return {
form: {
status:''
}
}
}
解决方法:
<el-select v-model="status" placeholder="请选择">
<el-option
v-for="item in statusoptions"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
data() {
return {
status:'' }}