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 @   巫小婆  阅读(2170)  评论(0编辑  收藏  举报
编辑推荐:
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
阅读排行:
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
点击右上角即可分享
微信分享提示