vue-router 2.0 router.push()

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