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数据类型是否相同的问题。

posted @ 2021-06-09 10:10  巫小婆  阅读(2101)  评论(0编辑  收藏  举报