uniapp开发：uniapp之vue3.2开发页面传值的解决方案

我最近个人使用了uniapp+vue3开发了一款微信小程序，在开发的过程中使用了一些使用方法，之前我在论坛上看到了许多人在问相关的问题，所以我在这里做一个简单的总结：

先看看uniapp+vue2中的使用

A页面

uni.navigateTo({
	url: '/pages/B/B?id=1'
})

B页面

export default {
    onLoad(options){
        console.log('接收传值：',options)
    }
}

在vue2的版本中直接通过页面生命周期onLoad可以接收值。

再看看uniapp+vue3.2中的使用

A页面

uni.navigateTo({
	url: '/pages/B/B?id=1'
})

B页面

<script setup>
	import { onLoad } from '@dcloudio/uni-app';
	onLoad((options) => {
		console.log('接收传值：',options)
	});
</script>

在vue3.2的语法糖中也是用onLoad去接收，只不过要手动引入使用。

-----END-----

关注更多知识，不迷路

小伙伴，用你可爱的小手，点个赞，关注我了解更多知识！！！

如果任何疑问的可以在评论区留言或者私聊。

可以加QQ群交流：568984539，加群备注‘地区-名字-技术类型’。

更多前端、uniapp、nodejs等相关知识可关注我个人博客：https://blog.csdn.net/qq_42961150?spm=1011.2124.3001.5343

扫描二维码关注公众号，回复： 14207633 查看本文章

去水印：https://mp.weixin.qq.com/s/8hZjCRfjcFuSk-YRzRUn6g