Vue笔记——重新渲染视图
问题
当请求更改数据后,原页面渲染的数据无法进行动态响应进行更改显示时,在不刷新页面重新获取数据渲染的情况下,想要手动的重新渲染页面显示。
解决办法
设置dom动态的key,想要重新渲染时,只需要更改key值即可。
示例
<div :key="domKey"> <span v-for="item in list"></span> </div> // 此处省略十万字 data(){ return { domKey: 1;// 动态Key } } // 此处省略十万字 // 手动更新key,重新渲染页面 this.domKey += 1;