我最近个人使用了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

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

Logo

前往低代码交流专区

更多推荐