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

83 阅读 0 评论 55 点赞

我是靠谱客的博主贤惠海燕，这篇文章主要介绍uniapp开发：uniapp之vue3.2开发页面传值的解决方案，现在分享给大家，希望可以做个参考。

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

A页面

复制代码

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

B页面

复制代码

1
2
3
4
5
6
export default {
    onLoad(options){
        console.log('接收传值：',options)
    }
}

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

A页面

复制代码

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

B页面

复制代码

1
2
3
4
5
6
7
<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

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。