vue中常用的两中页面刷新的方式和页面回退

Posted huanhuan55

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue中常用的两中页面刷新的方式和页面回退相关的知识,希望对你有一定的参考价值。

 

这个方法的参数是一个整数,意思是在 history 记录中向前或者后退多少步,类似 window.history.go(n)

router.push(location) 
想要导航到不同的 URL,则使用 router.push 方法。这个方法会向 history 栈添加一个新的记录,所以,当用户点击浏览器后退按钮时,则回到之前的 URL。

router.replace(location) 
跟 router.push 很像,唯一的不同就是,它不会向 history 添加新记录,而是跟它的方法名一样 —— 替换掉当前的 history 记录。

this.$router.go(0);  页面刷新


location.reload();

 

 



以上是关于vue中常用的两中页面刷新的方式和页面回退的主要内容,如果未能解决你的问题,请参考以下文章

前端技术之:Vue.js应用回退或刷新界面时提示用户保存修改

vue2.0页面前进刷新回退不刷新的实现

vue 路由回退,实现刷新原页面数据

vue路由跳转的两种方式

Vue---传参params 、query刷新页面参数会丢失

vue 改变数据后,数据变化页面不刷新