美文网首页
this.$router.push、this.$router.r

this.$router.push、this.$router.r

作者: coder丶L | 来源:发表于2019-08-07 10:34 被阅读0次
1.this.$router.push()

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

// 1字符串
this.$router.push('/user/order')
// 2对象
this.$router.push({ path: '/user/order' })
//3传参
this.$router.push({ path: '/user/order', query: {id: 123} })
//3-1取参数
this.$route.query.id
//4命名的路由
this.$router.push({ name: '/user/order', params: {id: 123} })
//4-1取参数
this.$route.params.id
2.this.$router.replace()

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

3.this.$router.go(n)

相对于当前页面向前或向后跳转n个页面。n可为正数可为负数。

相关文章

网友评论

      本文标题:this.$router.push、this.$router.r

      本文链接:https://www.haomeiwen.com/subject/zubndctx.html