Taro小程序转h5的兼容性问题

1,200 阅读1分钟

组件兼容

1. 使用Taro-ui的弹窗组件在小程序兼容,在h5因为按钮(取消,确定)排版会错乱需要自己手动写

2. 使用Taro-ui的多行文本组件在小程序兼容,在h5 setState时赋值会出现问题

API兼容

1. 小程序可以直接使用getCurrentPages方法获取当前页,但在h5需要Taro.getCurrentPages()才不会报错;而且在小程序可以使用 prevPage.route获取路由,但在h5没有route属性,可以使用$taroPath

插件兼容

1. 在小程序使用cos-wx-sdk-v5,但在h5需要转为cos-js-sdk-v5,而且使用方式也不同;小程序上传使用的是postObject,而在h5没有这个方法,使用的是putObject;而且使用了taro-ui的上传图片组件,然后使用该组件change时小程序返回的是一个类似 http://tmp.***.jpg 这样的临时文件地址格式和一个带有文件后缀的filename,然后postObject时传递 FilePath(http://tmp.***.jpg )和 Key(一个带有文件后缀的filename)参数,而h5返回的是一个Blob临时地址和一个没带后缀的filename,所以需要先将Blob转为file对象(详细可看这篇文章),和将Key转为带后缀的filename,而且传的参数也不同,在putObject时传递 Body (File对象) 和 Key(一个带有文件后缀的filename)参数