本人遇到的问题是这样的
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 却没有发生变化的问题。