Vue笔记——重新渲染视图

问题

  当请求更改数据后,原页面渲染的数据无法进行动态响应进行更改显示时,在不刷新页面重新获取数据渲染的情况下,想要手动的重新渲染页面显示。

解决办法

  设置dom动态的key,想要重新渲染时,只需要更改key值即可。

示例

<div :key="domKey">
    <span v-for="item in list"></span>
</div>

// 此处省略十万字

data(){
    return {
        domKey: 1;// 动态Key
    }
}

// 此处省略十万字

// 手动更新key,重新渲染页面
this.domKey += 1;

  

posted @ 2022-08-04 17:41  假装空白  阅读(831)  评论(1)    收藏  举报