大部分问题是我在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图标时,判断遮罩层是否显示,如果显示将其改为隐藏,如果不是就返回上一页