uniapp开发:uniapp之vue3.2开发页面传值的解决方案
我最近个人使用了uniapp+vue3开发了一款微信小程序,在开发的过程中使用了一些使用方法,之前我在论坛上看到了许多人在问相关的问题,所以我在这里做一个简单的总结
·
我最近个人使用了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
更多推荐
已为社区贡献4条内容
所有评论(0)