Vue3的router路由跳转参数params接收不到
1.跳转时使用name属性,不要用path。path和params同时使用时params不会生效。2.路由表里面router.js:path属性 初始化路由参数。注意:页面url上面会带有参数值,但是没有参数key,可忽略。3.页面里面获取:$route.params。
·
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)
更多推荐
已为社区贡献3条内容
所有评论(0)