关于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 却没有发生变化的问题。

相关推荐
PedroQue995 小时前
0.8.2 新增 backFallback 配置,无 tabbar 页返回无忧
前端·uni-app
淡漠的蓝精灵5 小时前
web.py:一个简单到极致的 Python Web 框架
开发语言·前端·python·其他
开开心心就好6 小时前
竖式除法出题工具,整除余数混合模式
运维·服务器·前端·javascript·ocr·perl·1024程序员节
起个名字费劲死了6 小时前
Halcon学习一:骰子识别
前端·python·学习
大江东去浪淘尽千古风流人物6 小时前
【HexVIO】DSP卸载双目惯性VIO:Hexagon向量化前端与单帧融合调度深度解析
前端·状态模式·slam·dsp·vio·hexagon·移动端加速
其实防守也摸鱼6 小时前
Chrome 扩展安全攻防实录:从攻击面到防御实践
开发语言·前端·网络·chrome·安全·web安全·php
web打印社区6 小时前
Lodop排障总纲-常见报错一张表
开发语言·前端·javascript·chrome·websocket
李剑一7 小时前
为什么几乎所有的知名开源项目都是外国人写的?
前端·ai编程·deepseek
小郎君6587 小时前
(一)为什么表单需要第三种状态:disabled、readonly 与纯文本展示
前端·vue.js
计算机魔术师7 小时前
1.4万亿没人接,OpenAI自己砍了1500亿
前端