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

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)

 

 

 

你可能感兴趣的:(uni-app,vue,mint-ui)