Vue-router常用方法

router常用方法

Created: Aug 15, 2020 4:42 PM
分类: 技术点
技术: router
文件: src/components/NavHeader.vue

Vue-router常用方法

通过push跳转

this.$router.push('/cart')

//官方介绍:也可以通过对象的形式携带参数
// 字符串
router.push('home')

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

// 命名的路由
router.push({ name: 'user', params: { userId: '123' }})

// 带查询参数，变成 /register?plan=private
router.push({ path: 'register', query: { plan: 'private' }})

获取参数

this.$route.params
this.$route.query