美文网首页
Ant Design Vue下拉框选择框选择值视图不更新问题

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

作者: SY | 来源:发表于2021-11-18 17:18 被阅读0次

使用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();
    },

相关文章

网友评论

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

      本文链接:https://www.haomeiwen.com/subject/alfjtrtx.html