1.跳转时使用name属性,不要用path。path和params同时使用时params不会生效

import { useRouter } from "vue-router";
const router = useRouter();

router.push({
    name:'Submit', 
    params: {'orderNo': '123456', 'bankNo': '123456', 'token': '123456'}
});

2.路由表里面router.js:path属性 初始化路由参数

注意:页面url上面会带有参数值,但是没有参数key,可忽略

{
    path: '/submit:orderNo:bankNo:token',//关键代码
    name: 'Submit',
    component: () => import('@/pages/submit.vue'),
    meta: {
         title: '测试',
    }
},

3.页面里面获取:$route.params

import { useRoute } from "vue-router";
const $route = useRoute();

console.log($route.params)
Logo

前往低代码交流专区

更多推荐