Vue3Router路由传参

import { useRouter } from 'vue-router'
//首先在setup中定义
 const router = useRouter()

// 字符串
router.push('home')

// 对象
router.push({ path: 'home' })

// 命名的路由
router.push({ name: 'user', params: { userId: '123' }})

// 带查询参数,变成 /register?userId=123
router.push({ path: 'register', query: { userId: '123' }})


//首先在setup中定义
const route = useRoute()
//query
let userId=route.query.userId;

//params
let userId=route.params.userId;


const userId = '123'
router.push({ name: 'user', params: { userId }}) // -> /user/123
router.push({ path: `/user/${userId}` }) // -> /user/123
// 这里的 params 不生效
router.push({ path: '/user', params: { userId }}) // -> /user
posted @ 2023-11-03 17:26  Felix_Openmind  阅读(215)  评论(0)    收藏  举报
*{cursor: url(https://files-cdn.cnblogs.com/files/morango/fish-cursor.ico),auto;}