vue elementui select 修改弹框多选框回显成功,但却无法选中问题

原因 下拉框数据是循环别的接口得来的,因为数据层次太多,render函数没有自动更新,需手动强制刷

出现问题的原因:

下拉框数据是通过别的接口得来的,render函数没有检测到,所以需要手动强制刷新

bash 复制代码
         <el-select v-model="form.roleIds" multiple placeholder="请选择" @change="$forceUpdate()">
                <el-option
                  v-for="item in roleOptions"
                  :key="item.id"
                  :label="item.roleName"
                  :value="item.id"
                  :disabled="item.status == 1"
                />
              </el-select>

解决方案

bash 复制代码
@change="$forceUpdate()"
相关推荐
G等你下课几秒前
基于MCP构建一个智能助手
前端·node.js·mcp
言兴3 分钟前
前端工程化演进之路 —— 从 Webpack 到 Vite 的架构革命
前端·javascript·面试
Mintopia9 分钟前
🧙‍♂️《Next Full-stack 的魔法日记》
前端·javascript·next.js
JosieBook10 分钟前
【SpringBoot】16 核心功能 - Web开发原理 - 请求参数 - 源码分析
前端·spring boot·后端
已读不回14314 分钟前
设计模式-工厂模式
前端·算法·代码规范
郭少14 分钟前
🔥 我封装了一个会“思考”的指令!Element-Plus Tooltip 自动检测文本溢出,优雅展示
前端·vue.js·性能优化
谢泽豪15 分钟前
解决 uniapp 修改index.html文件不生效的问题
前端·uni-app
袁煦丞15 分钟前
【黑科技指南】自托管私人导航站Dashy:cpolar内网穿透实验室第476个成功挑战
前端·程序员·远程工作
郭少17 分钟前
🔥 放弃 vw!我在官网大屏适配中踩了天坑,用 postcss-px-to-viewport-8-plugin 实现了 Rem 终极方案
vue.js·性能优化·nuxt.js
heartmoonq18 分钟前
关于前端监控用户行为导致的报错
前端