关于VUE实现页面的局部刷新

实现页面的局部刷新

1、第一步是修改项目中的APP.vue
在这里插入图片描述
2、然后在需要进行刷新的页面添加
在这里插入图片描述
此时使用相应的组件调用reload方法就可以实现该组件的刷新了。

解决局部刷新时图片不会更新的问题

在更换头像后使用上述方法进行刷新时会发现头像不会及时刷新,此时url指向的图片发生了变化,但是url没有变化,所以浏览器从缓存中加载,而不会重新拉取数据,解决方法是在url后面增加一个无用随机参数,这样url每次都会发生变化,浏览器每次都会认为是访问不同的url。
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qingyunhuohuo1/article/details/94358960