怎么将微信小程序项目转换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:监听页面滚动