Vue3中路由跳转的语法

2023-02-23 本文已影响0人 w晚风

Vue 2 可以直接在组件里使用 this. $route 来获取当前路由信息不同，在 Vue 3 的组件里，Vue 实例既没有了 this，也没有了$ route

解决方法为：
1.导入useRouter函数

import { useRouter } from "vue-router";

2.在进入setup函数时执行

const router = useRouter()

3.在setup函数中进行路由跳转

router.push('/master/pageView2?name=1')

router.push({
    path: '/master/pageView2',
    query: {
        name:'1'
    },
})

这里翻开官方文档以及例子都是用的name，但是我这里一直报错，用path发现可正常跳转了

image.png