怎么将微信小程序项目转换uniapp项目详细步骤以及遇到的问题总结

怎么将微信小程序项目转换uniapp项目详细步骤以及遇到的问题总结
第一步:安装miniprogram-to-uniapp 插件

第二步:查看是否安装成功

第三步:使用插件进行转换

第四步:使用hbuilder X运行转换后的项目并在微信小程序编辑器查看

第五步:调试修改
第一步:
npm install miniprogram-to-uniapp -g
第二步:查看是否安装成功
继续在命令行里,运行【 wtu -V 】,执行结果如下

显示版本号,说明已经安装成功了

第三步:使用插件进行转换
在命令行里,输入【wtu -i “你的小程序项目路径”】

注意 -i 前面和后面都有空格!!!

二、处理迁移问题
根据下方迁移内容,逐一更新页面方法,修复页面报错信息,页面显示、功能运行正常即迁移完成。

js部分
1,删除 const app = getApp();

2,以 wx. 开头的方法更新为 uni. 开头

3,数据绑定 this.setData({ a : 1 }) 更新为 this.a = 1

4,路由跳转 wx.navigateTo() 更新为uni.navigateTo()

5,onLoad(options)

通过options或this.$Route.query获取页面传递参数
6、部分页面生命周期释义,详见页面生命周期

onPullDownRefresh:监听用户下拉动作,一般用于下拉刷新
onReachBottom:页面滚动到底部的事件(不是scroll-view滚到底),常用于下拉下一页数据
onShareAppMessage:用户点击右上角分享
onPageScroll:监听页面滚动

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值