uni-app开发踩坑记录

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

1、:class="['defaultStyle', dynamicStyle]"

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

:class="dynamicStyle"

computed:{

  dynamicStyle(){

    return "defaultStyle red";

  }

}

 

2、:value="this.inputValue"

不支持在所有的html组件中直接使用this.XXX访问data中的属性,把this去掉就可以访问到

:value="inputValue"

 

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

不知道是不是bug,还是我的使用问题,我通过临时解决了问题,但同样没有进到@tap事件里,意味着我不能在进入页面前做些事情

 

4、写好了样式在h5正常,但是在android平台直接全部乱掉了

检查子组件路径、名称是否正确,检查子组件内的是否有全局样式,比如我的问题就是在子组件里把所有的view重置了,所以乱掉了

 

5、富文本渲染含有超链接无法点击

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

 

目前已经发现但还没有解决方法的问题:

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

 

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

 

补充:

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

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

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

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

转载于:https://www.cnblogs.com/renhongwei/p/10464302.html

你可能感兴趣的:(uni-app开发踩坑记录)