Vue3 通过路由将数据带到下一个页面
场景: 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);