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，还是我的使用问题，我通过<navigator url="./about.vue">临时解决了问题，但同样没有进到@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