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

相关推荐
笨笨狗吞噬者1 分钟前
【uniapp】解决小程序分包下的json文件编译后生成到主包的问题
前端·uni-app
IT_陈寒14 分钟前
Redis 7个性能优化技巧,让我们的QPS从5k提升到20k+
前端·人工智能·后端
.又是新的一天.37 分钟前
健身房预约系统SSM+Mybatis(五、预约展示)
前端·mybatis
晴殇i1 小时前
DOM嵌套关系全解析:前端必备的4大判断方法与性能优化实战
前端·javascript·面试
QuantumLeap丶1 小时前
《uni-app跨平台开发完全指南》- 04 - 页面布局与样式基础
vue.js·微信小程序·uni-app
似水流年_zyh1 小时前
canvas涂抹,擦除功能组件
前端
胖虎2651 小时前
前端多文件上传核心功能实现:格式支持、批量上传与状态可视化
前端
胖虎2651 小时前
Vue2 项目常用配置合集:多语言、SVG 图标、代码格式化、权限指令 + 主题切换
前端
一键定乾坤1 小时前
npm 源修改
前端
parade岁月1 小时前
Vue 3 响应式陷阱:对象引用丢失导致的数据更新失效
前端