element ui --- el-select 组件v-model后台返回值无法修改的问题
el-select 组件 在接收后台返回值有时会出现点击选中没反应,多选属性下删除没反应的情况。直接用 @change = "$forceUpdate()"事件强制刷新组件渲染即可。代码如下:
<el-form-item label="关联物料组:" prop="materialGroupCode" class="doctorSelect"> <el-select v-model="ruleData.materialGroupList" placeholder="请选择" clearable :multiple="true" @change = "$forceUpdate()" class="el-input-search mr-10"> <el-option v-for="item in Maoptions" :key="item.materialGroupCode" :label="item.materialGroupDesc" :value="item.materialGroupCode"> </el-option> </el-select> </el-form-item>
以上即可。
写在后面:如果有el-select 选中值 无法正常回显的情况下 一定要注意接口返回的value数据类型和select里定义的value数据类型是否相同的问题。