美文网首页
vue 强制更新

vue 强制更新

作者: Annun | 来源:发表于2022-08-09 11:27 被阅读0次

    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;
    })
    

    相关文章

      网友评论

          本文标题:vue 强制更新

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