vue 强制更新

2022-08-09  本文已影响0人  Annun

this.$forceUpdate() 更新

# 在需要更新数据的位置加上下面代码
this.$forceUpdate()

nextTick()

在 Vue 中更改响应式状态时,最终的 DOM 更新并不是同步生效的,nextTick() 可以在状态改变后立即使用,以等待 DOM 更新完成

# 组件
<component v-if='show'/>

# data
data(){
    return {
        show:true
    }
}

# 更新
this.show = false
this.$nextTick(() => {
    this.show = true;
})
上一篇下一篇

猜你喜欢

热点阅读