问题:项目中碰到了v-model动态添生成的需求,前面的都没问题,但是此时el-select却出问题了,视图不显示
,change事件也有数据过来,找了很多方法,都没用
第一种:this.$set(target , key , value) ,
- 要更改的数据源
- key 要更改的具体数据
- value 重新赋的值
这个方法我尝试了,但是没有效果,只能改变一部分就不行了
第二种方法: this.$forceUpdate() 强制刷新页面
这个是可行的.
// 在@change,使用$forceUpdate()方法,进行强制刷新.
<el-select
placeholder="请选择"
v-model="selectObj[j.en + '-' + i.user_id]"
@change="$forceUpdate()"
>
<el-option
v-for="v in options"
:key="v.dutytype_id"
:label="v.duty_type_name"
value="v.dutytype_id"
>
</el-option>
</el-select>