router.push()
除了使用 创建 a 标签来定义导航链接,想要导航到不同的 URL,可以使用 router.push 方法。这个方法会向 history 栈添加一个新的记录,所以,当用户点击浏览器后退按钮时,则回到之前的 URL。
声明式:
编程式:router.push(...)
该方法的参数可以是一个字符串路径,或者一个描述地址的对象。
// 字符串
router.push('home')
// 对象
this.$router.push({path: '/login?url=' + this.$route.path});
// 命名的路由
//params传参
router.push({ name: 'user', params: { userId:1232345}})
// 带查询参数,变成/backend/order?selected=2
this.$router.push({path: '/backend/order', query: {selected: "2"}});
params 传参
路径不能使用path 只能使用name,不然获取不到传的数据
配置路由在在路由配置文件中定义
通过name获取页面,传递params
在目标页面通过this.$route.params获取参数:this.$route.params.pid