关于uni-app的一些坑（日后再做补充）

1，关于标签：input与小程序不同，是闭合
2，一个class 不用{} 遍历需要[index]
3优点小程序中不允许
this.setdata({
that.isSelecte[index].selected = !that.isSelecte[index].selected;
})
这种带‘.’操作
但是uni-app就可以了。

4,类名绑定与小程序不同，同样方式小程序生效但 h5不生效

5，三目运算符绑定类名竟然用的是数组符号[]

6,json文件中 "navigationBarTextStyle": "white", 不允许设置#fff

7,页面间传参方便类似hash 在地址后面加参数传递，比vue父子组件通信方便很多。

8.文件夹中不要有@

9.在支付宝小程序中，textarea有默认的计数需要自己配置支付宝终端样式条件编译（可以将自己写的样式：<span class="page-num"><span class="textnum">{{limitNum}}</span>/1000</span>设
置成display：none;但是缺点就是自带的计数会有“抖动”，就是当打入中文汉字没有键入的时候，就会进行随你打字边计数，然后键入后会重新根据value个数计数，这是不想要的。）
并且，有些样式兼容性问题

7-26更新一波，在此之前忘记总结了，实属抱歉，把我最近记得的先记录下来

10.uni 调起打电话功能兼容app
uni.makePhoneCall({
phoneNumber: item2 //仅为示例
});

11.iphoneX 头帘样式兼容
uni.getSystemInfo({
success: function (res) {
console.log(res.statusBarHeight);
that.paddingTop = res.statusBarHeight+120;
}
});

12.返回上一页
uni.navigateBack({
delta: 1 //1就是上一页 2就是两页
});

9月3号更新一波，由于最近做了一个小程序，领导要求转换uni，所以走了一边坑

13.富文本转换：

<rich-text :nodes="item.Detail"></rich-text>

小程序我用的是wxParse，但是uni中是不支持wxParse的。

关于rich-text uni官网就很详尽了：https://uniapp.dcloud.io/component/rich-text?id=rich-text

14.轮播图组件

需要强调的就是这是 swiper 不是 scroll-view！！！

这也是很好用的，官网也是很详尽：https://uniapp.dcloud.io/component/swiper?id=swiper

15.设置代理

代理是在下图路径

16. 关于video

video中的属性:show-center-play-btn="true"，在安卓中获取总时长有bug，显示为NaN. 目前没找到解决办法，只有样式隐藏了，如果某神有好的解决方案可以贴在评论区，以供大家更好的交流互助学习。

17，@touchmove.stop.prevent="catchTouchMove"

当你用到swiper但是又不想它可以划动，你可以在swiper-item上设置@touchmove.stop.prevent="catchTouchMove"

catchTouchMove: function (e) {

         return false;


},

关于uni-app的一些坑（日后再做补充）相关推荐

10年前腾讯微信后台第一天提交的代码曝光；苹果App Store佣金抽成再做让步；TypeScript 4.1发布|极客头条...
整理 | 郑丽媛头图 | CSDN 下载自东方 IC 快来收听极客头条音频版吧,智能播报由出门问问「魔音工坊」提供技术支持. 「极客头条」-- 技术人员的新闻圈! CSDN 的读者朋友们早上好哇,「 ...
HbuilderX:uni app踩坑之uView-ui
HbuilderX:uni app踩坑之uView-ui 最近在自学uniapp,想找一个ui框架提高一下学习和开发的效率,于是就网上冲浪,浪来浪去,最后选择了uView-ui这款.其实有些框架我是有 ...
uni app 调用网络打印机_uni-app 的使用体验总结
[实践] uni-app 的使用总结最近使用 uni-app 的感受. 使用体验没用之前以为真和 Vue 一样,用了之后才知道.有点类似 Vue 和小程序结合的感觉.写类似小程序的标签,有着小程 ...
纯IPv6环境App适配的坑
来源:伯乐在线专栏作者 - MrPeak 链接:http://ios.jobbole.com/86580/ 苹果从2016年6月1号开始,强制所有app必须支持纯IPv6的网络环境.这项举措将对IPv ...
uni app map 地图漂浮问题及方案
uni app map 地图漂浮问题及方案文章页有图片导致的问题,图片没加载出来,导致文章内容高度不固定,如果图片没加载出来,高度就是0,如果此时开始加载map,那么map就在那里加载,map原生 ...
uni app input添加获取验证码按钮_FILEX | 如何在UniSwap挖到UNI？
终于,UniSwap的币上线了,不过这一次不是直接通过挖矿获得,而是先给所有此前参加过UniSwap流动性挖矿和交易的用户分发了红利. 其中最少的账户拿到400个UNI左右,而提供流动性的账户获得的U ...
uni app 自动化索引列表
uni app 自动化索引列表,官方推荐的第三方插件 https://ext.dcloud.net.cn/plugin?id=375 [{"letter": "A&quo ...
uni app 开发微信小程序及上线体验
uni app 开发微信小程序及上线体验项目创建及微信小程序AppId的申请本次开发的是电商类的微信小程序,这里用到的是HBuilderX这个编辑器.之前用的Visual Studio Code ...
uni app push 集成小米
重新设置厂商推送设置后,需要重新制作自定义基座,包括添加和修改厂商推送设置用自定义的基座打包好测试包,安装到手机上. 先测试小米后台是否能推送成功推送后,手机就能接受到消息了再看java代 ...

关于uni-app的一些坑（日后再做补充）

关于uni-app的一些坑（日后再做补充）相关推荐

最新文章

热门文章