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

408 次浏览次阅读
没有评论

场景: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);
正文完
 0
评论(没有评论)