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

相关推荐
晚霞的不甘15 分钟前
Flutter for OpenHarmony《智慧字典》 App 主页深度优化解析:从视觉动效到交互体验的全面升级
前端·flutter·microsoft·前端框架·交互
我是伪码农18 分钟前
Vue 1.28
前端·javascript·vue.js
鹓于22 分钟前
Excel一键生成炫彩二维码
开发语言·前端·javascript
siwangdexie_new22 分钟前
html格式字符串转word文档,前端插件( html-docx-js )遇到兼容问题的解决过程
前端·javascript·html
2601_9496130239 分钟前
flutter_for_openharmony家庭药箱管理app实战+用药提醒列表实现
服务器·前端·flutter
利刃大大39 分钟前
【Vue】scoped作用 && 父子组件通信 && props && emit
前端·javascript·vue.js
-凌凌漆-1 小时前
【Vue】Vue3 vite build 之后空白
前端·javascript·vue.js
心柠1 小时前
前端工程化
前端
沐雪架构师1 小时前
核心组件2
前端
qq_336313931 小时前
javaweb-Vue3
前端·javascript·vue.js