VUE3 跳转传参及接收参数的方式
1.通过query传参:// 传参const handleJump = (id) => {router.push({path: '/xxx',//router里的路由配置query: {id: id}})}// 参数接收onMounted(() => {console.log("获取到的参数", pr
·
1.通过query传参:
// 传参
const handleJump = (id) => {
router.push({
path: '/xxx', //router里的路由配置
query: {
id: id
}
})
}
// 参数接收
onMounted(() => {
console.log("获取到的参数", proxy.$route.query.id);
})
2.通过params传参
// 传参
const handleJump = (id) => {
router.push({
name: 'xxx', //router里的路由配置
params: {
id: id
}
})
}
// 参数接收
onMounted(() => {
console.log("获取到的参数", proxy.$route.params.id);
})
更多推荐
已为社区贡献8条内容
所有评论(0)