关于el-select组件修改v-model值之后重新选择却选择不上的问题

本人遇到的问题是这样的

html 复制代码
    <el-select
                ref="jingzhongSelect"
                clearable
                style="width: 100%"
                v-model="form.policeCategoryId"
              >
                <el-option
                  v-for="item in policeCategoryArr"
                  :key="item.id"
                  :value="item.id"
                  :label="item.name"
                ></el-option>
              </el-select>

现在需求是这样的

policeCategoryId 这个变量数组的值会不断的发生变化导致修改v-model中form.policeCategoryId的值 再次重新选择 会发现 el-select 出现选择不上的问题

正常来讲只需要重新赋值就可以了 比如 this.form.policeCategoryId = '';

但是这样的操作会存在上面的bug

html 复制代码
        this.$set(this.form,'policeCategoryId',null);

采用以上方法可以解决 el- select中的policeCategoryArr 数据不断变化,v-model也需要不断变化但是selected 的value 却没有发生变化的问题。

相关推荐
木斯佳18 小时前
前端八股文面经大全:26届秋招滴滴校招前端一面面经-事件循环题解析
前端·状态模式
光影少年18 小时前
react状态管理都有哪些及优缺点和应用场景
前端·react.js·前端框架
saber_andlibert19 小时前
TCMalloc底层实现
java·前端·网络
逍遥德19 小时前
如何学编程之01.理论篇.如何通过阅读代码来提高自己的编程能力?
前端·后端·程序人生·重构·软件构建·代码规范
冻感糕人~20 小时前
【珍藏必备】ReAct框架实战指南:从零开始构建AI智能体,让大模型学会思考与行动
java·前端·人工智能·react.js·大模型·就业·大模型学习
程序员agions20 小时前
2026年,“配置工程师“终于死绝了
前端·程序人生
alice--小文子20 小时前
cursor-mcp工具使用
java·服务器·前端
晚霞的不甘20 小时前
揭秘 CANN 内存管理:如何让大模型在小设备上“轻装上阵”?
前端·数据库·经验分享·flutter·3d
小迷糊的学习记录20 小时前
0.1 + 0.2 不等于 0.3
前端·javascript·面试
空&白20 小时前
vue暗黑模式
javascript·vue.js