如何用Vue实现类似this.$router.push(参数)的长尾词页面跳转功能？
- 内容介绍
- 文章标签
- 相关推荐
本文共计670个文字，预计阅读时间需要3分钟。
在许多情况下，我们在点击按钮跳转页面前，会先执行一系列方法。这时，可以使用`this.$router.push(location)`来修改url，完成跳转。`push`后面可以是对象，也可以是字符串：`// 字符串'th'`。
很多情况下，我们在执行点击按钮跳转页面之前还会执行一系列方法，这时可以使用 this.$router.push(location) 来修改 url，完成跳转。
push 后面可以是对象，也可以是字符串：
// 字符串 this.$router.push('/home/first') // 对象 this.$router.push({ path: '/home/first' }) // 命名的路由 this.$router.push({ name: 'home', params: { userId: wise }})
跳转页面并传递参数的方法：
1.Params
由于动态路由也是传递params的，所以在 this.$router.push() 方法中path不能和params一起使用，否则params将无效。需要用name来指定页面。
本文共计670个文字，预计阅读时间需要3分钟。
在许多情况下，我们在点击按钮跳转页面前，会先执行一系列方法。这时，可以使用`this.$router.push(location)`来修改url，完成跳转。`push`后面可以是对象，也可以是字符串：`// 字符串'th'`。
很多情况下，我们在执行点击按钮跳转页面之前还会执行一系列方法，这时可以使用 this.$router.push(location) 来修改 url，完成跳转。
push 后面可以是对象，也可以是字符串：
// 字符串 this.$router.push('/home/first') // 对象 this.$router.push({ path: '/home/first' }) // 命名的路由 this.$router.push({ name: 'home', params: { userId: wise }})
跳转页面并传递参数的方法：
1.Params
由于动态路由也是传递params的，所以在 this.$router.push() 方法中path不能和params一起使用，否则params将无效。需要用name来指定页面。