vue+element下拉框回显数据后点击更改没有反应
element的select可多选的下拉框,在打开编辑弹窗拿到后台反参回显后,无法选中选项,但是实际value值已经更新。如图点了监考1无反应<el-select v-model="editForm.proctorId2" placeholder="请选择监考人员" style="width: 100%" @change="$forceUpdate()"><el-optionv-
·
element的select可多选的下拉框,在打开编辑弹窗拿到后台反参回显后,无法选中选项,但是实际value值已经更新。
如图点了监考1无反应
<el-select v-model="editForm.proctorId2" placeholder="请选择监考人员" style="width: 100%" @change="$forceUpdate()">
<el-option
v-for="item in procterOptions"
:key="item.value"
:label="item.label"
:value="item.value"/>
</el-select>
原因是下拉框的数据层级太深,函数没有自动更新,在el-select中加入$forceUpdate()
强制更新视图。
@change="$forceUpdate()"
更多推荐
所有评论(0)