Ant Design Vue下拉框选择框选择值视图不更新问题

2021-11-18  本文已影响0人  SY

使用vue+ant design的时候遇到下拉框选择值发生变化了,但是页面值却没有更新
出现这种问题是因为:这边循环的collector数组是动态获取的,改变页面其他选项都会修改collector的值,render函数没有自动更新,所以在选择的时候需要强制更新

解决方式:


image.png
 <a-select v-model="formModel.priorityLevel"  @change="selectchange">
                <a-select-option
                  :value="item.key"
                  v-for="item in priorityLevel"
                  :key="item.key"
                >
                  {{ item.value }}
                </a-select-option>
              </a-select>

给select加@change事件;@change="selectchange",在方法中利用this.$forceUpdate() // 强制刷新数据

selectchange(){
     this.$forceUpdate();
    },
上一篇 下一篇

猜你喜欢

热点阅读