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

相关推荐
ttod_qzstudio3 分钟前
Vue 3 的魔法:用 v-bind() 让 CSS 爱上 TypeScript 常量
css·vue.js·typescript
前端李易安4 分钟前
ERROR in ./node_modules/vue-router/dist/vue-router.mjs 被报错折磨半天?真相竟是……
前端·javascript·vue.js
monkey_slh4 分钟前
JS逆向实战——最新某东cfe滑块
开发语言·前端·javascript
禅思院7 分钟前
在win10上配置 Rust以及修改默认位置问题
开发语言·前端·后端·rust·cargo·mingw64·cargo安装位置
2503_9284115611 分钟前
12.17 vue递归组件
前端·javascript·vue.js
暴富的Tdy11 分钟前
【使用 Vue2 脚手架创建项目并实现主题切换功能涵盖Ant-Design-Vue2/Element-UI】
vue.js·elementui·anti-design-vue·vue切换主题
LYFlied13 分钟前
【每日算法】LeetCode 79. 单词搜索
前端·算法·leetcode·面试·职场和发展
如果你好13 分钟前
🔥 手撕call/apply/bind:从ES6用法到手写实现,吃透this指向核心
前端·javascript
大佬桑15 分钟前
Talend API Tester 接口测试插件 Google Chrome 浏览器的轻量级 API 测试插件
前端·chrome
阿西谈科技16 分钟前
利用 AI 写前端:从辅助编码到智能化开发的完整实践指南
前端