Powered by md-Blog  文 - 篇  访客 -

vue-router的多种跳转方法


  分类:Vue  / 
更新:2020-04-02 14:28:03  /  创建:2020-04-02 14:22:44
不要删除

this.$router.push()

描述:跳转到不同的url,但这个方法会向history栈添加一个记录,点击后退会返回到上一个页面。

// 字符串
this.$router.push('home');

// 对象
this.$router.push({ path: 'home' });

// 命名的路由,带参数
this.$router.push({ name: 'user', params: { userId: 123 }});

// 带参数,变成 /user?id=123
this.$router.push({ name: 'user', query: { userId: 123 }});

this.$router.replace()

描述:同样是跳转到指定的url,但是这个方法不会向history里面添加新的记录,点击返回,会跳转到上上一个页面。上一个记录是不存在的。

this.$router.go(n)

相对于当前页面向前或向后跳转多少个页面,类似 window.history.go(n)。n可为正数可为负数。正数返回上一个页面。


不要删除

小站不易,感谢支持!