zoukankan      html  css  js  c++  java
  • 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图标时,判断遮罩层是否显示,如果显示将其改为隐藏,如果不是就返回上一页

  • 相关阅读:
    Node.js 事件驱动编程
    css常见布局
    The Perfect Solution To Convert Immutable Bitmap To A Mutable Bitmap
    Mac终端Terminal使用
    入门Mac快捷键详细分类整理,包括Eclipse和Android Studio中一些常用的快捷键
    Android自定义控件属性的使用
    Visual Studio的快捷键
    cmd中编译和运行java程序
    查看本机的IP、MAC地址和端口占用情况
    ASC2码
  • 原文地址:https://www.cnblogs.com/renhongwei/p/10464302.html
Copyright © 2011-2022 走看看