uni-app开发踩坑记录

大部分问题是我在h5端看不到而在android、iOS平台上暴露出来的,不包含小程序html

一、:class="['defaultStyle', dynamicStyle]"vue

不支持直接这样写数组,须要在computed计算属性中手动拼接,如:android

:class="dynamicStyle"小程序

computed:{微信小程序

  dynamicStyle(){数组

    return "defaultStyle red";微信

  }markdown

}app

 

二、:value="this.inputValue"ui

不支持在全部的html组件中直接使用this.XXX访问data中的属性,把this去掉就能够访问到

:value="inputValue"

 

三、使用view做为通用图文列表时,为其添加@tap事件没有反应

不知道是否是bug,仍是个人使用问题,我经过<navigator url="./about.vue">临时解决了问题,但一样没有进到@tap事件里,意味着我不能在进入页面前作些事情

 

四、写好了样式在h5正常,可是在android平台直接所有乱掉了

检查子组件路径、名称是否正确,检查子组件内的是否有全局样式,好比个人问题就是在子组件里把全部的view重置了,因此乱掉了

 

五、富文本渲染含有超连接没法点击

官方推荐的组件均没法使用,其中markdown hello uniapp中也是点击连接没有任何反应,我已经X掉了这个需求,换了另外的方案实现,作完后有朋友推荐wxParse组件,是微信小程序上的,在插件市场上名字叫uParse,听说能够,没试过

 

目前已经发现但尚未解决方法的问题:

一、在新打开的页面,且以前页面仍在页面栈中,这时为input组件添加focus,单组件正常,多组件会发生页面抖动,弹出的软键盘一闪而过,底部tabbar也一闪而过

 

使用uni-app开发app一点也不方便,不如创建mui项目,手搭vue坑少一点,太偏向小程序了,未完待续……

 

补充:

一、使用上拉加载列表时,跳到详情页,若是直接跳转没法记忆用户当前浏览的位置,解决办法:

  1).禁用原生导航栏,选择本身自绘

  2).将detail做为一个遮罩层,当用户点击到详情页时,把detail的show属性打开,盖住原来的列表页

  3).当用户点击左上角backUp图标时,判断遮罩层是否显示,若是显示将其改成隐藏,若是不是就返回上一页