uni-app中的坑,你遇到了吗?

1 篇文章 0 订阅
1 篇文章 0 订阅

uni-app很牛逼哦,可以跨五端,iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台,但是也有挺多不足的。

先从组件说一说吧。

1、很多情况下会使用到textarea组件,但是这个鬼东西特别多事,在弹出框中使用一定要记得定位,不然就会穿透页面的元素,而且

千万不要在scroll-view、swiper、picker-view、movable-view容器中使用。使用的话你会发现你手指在textarea无法进行滑动,

当然你可以用view替换,就是比较麻烦了。

2、如果是自定义的导航栏,video是原生的video,它的层级真的是太高了,想要盖住还得使用cover-view才能盖住。

3、picker真的是太不好用了,还不能修改文字,做中英文版本的话得用picker-view自定义组件或者使用插件。

4、swiper容易卡。

5、scroll-view不能频繁使用,在容器内不能使用原生组件如video,canvas,textarea,map等原生组件,不适合放长列表,有性能问题,无法触发页面的下拉刷新。

.....

生命周期函数以及使用感受

1、组件没有onload周期,组件执行函数可以使用mounted,created等。

2、不支持部分的vue语法,不支持vue路由,非 H5 端,不能使用浏览器自带对象,比如 document、window、localstorage、cookie 等

3、需要国际化项目的时候,不能在pages.json中处理,只能在每个页面去重新uni.setNavigationBarTitle({ title: '新的标题' });

4.自定义tabbar容易出现卡顿现象。

5、使用组件时props里面是数据是有缓存的。

6、:value="this.inputValue"不支持在所有的html组件中直接使用this.XXX访问data中的属性,把this去掉就可以访问到。

7、禁用原生导航栏时,状态栏会沉浸盖住页面的内容uni.getSystemInfoSync().statusBarHeight,需要获取系统状态栏高度并且定位状态栏。

8、部分api不支持h5端,比如uni.scanCode(),uni.saveImageToPhotosAlbum(OBJECT)

 

 

 

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值