vue数据渲染延迟,此次渲染的数据渲染的上次的请求数据

573 阅读1分钟
注意,本章方法只适用于发送数据请求没问题,数据赋值没问题,只有在渲染数据时出现问题。

我在做一个页面时,有一个功能,就是通过输入内容,通过远程方法监听,输入内容变化后触发回调,输入框下面会根据获取到的数据,进行展示,但是我这里出了问题,请求发送成功,数据赋值OK,但是就是渲染不出来,渲染出来的是上一次的请求的数据,选择的时候也是无法选择,为此我在网上翻阅了资料。

这里使用到了一个强制更新的方法$forceupdate()

这个方法vue官方给的解释是:迫使Vue实例重新渲染。注意它仅仅影响实例本身和插入插槽内容的子组件,而不是所有子组件

image.png

getData(){
    ajax…(){
        xxxxxxxx
        this.$forceUpdate() // 强制刷新
        xxxxxxxx
    }
}

特别感谢:blog.csdn.net/Amnesiac666…