Vue3 通过路由将数据带到下一个页面

作者: 太阳上的雨天 分类: Vue 发布时间: 2022-06-30 19:52

场景: A -> B(将数据从A带到B)

方式一

单参数

A:


const router = new useRouter() 
router.push({
    path: "/b",
    query: shuju
})

B:

const route = useRoute()
console.log(route.query)

多参数

A:


const router = new useRouter() 
router.push({
    path: "/b",
    query: {id: 1, username: "admin"}
})

B:

const id = ref(route.query.id)
const username = ref(route.query.username)

方式二

A:

const demo = (shuju)=>{
     router.push({
         name:'Detail',
         params:{
             "context":shuju.context
         }
     })
 }

B:

const route = useRoute()
console.log(route.params.context);

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注