美文网首页
Vue3中路由跳转的语法

Vue3中路由跳转的语法

作者: w晚风 | 来源:发表于2023-02-23 01:12 被阅读0次

    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

    相关文章

      网友评论

          本文标题:Vue3中路由跳转的语法

          本文链接:https://www.haomeiwen.com/subject/yzjzkdtx.html