美文网首页uniapp 采坑
uniapp 头条小程序采坑(后续持续更新)

uniapp 头条小程序采坑(后续持续更新)

作者: 贾慧斌 | 来源:发表于2020-09-01 11:17 被阅读0次

1. :ref 不支持动态绑定

核心点: 不要在for 循环中使用:ref

解决方案1:

少数需要动态绑定ref元素时,可以将每个元素都单独绑定一个唯一的ref

解决方案2:

①借助vuex存储数据,使用watch监听数据
②借用watch监听,数据变化后,主动触发父组件的回调方法

2. input 和textarea 层级高, 遮挡底部按钮,修改zindex 无效

核心点:input 和textarea 在小程序里面调用的是原生控件,无法通过修改zindex 。

解决方案:

灵活运用scrollview。设置滚动区域的高度,将底部按钮的位置预留出来

3. 页面滑动有抖动,不能指定区域滑动 android 和ios 滑动的时候卡顿

强烈推荐mescroll-uni, 绝对定位

1. 特定区域滑动

距离顶部50px,距离底部50px 中间内容滚动

    <mescroll-uni
      ref="mescrollRef"
      height="100%"
      top="100"
      bottom="100"
      :down="{ use: false }"
      :up="{ use: false }"
      :safearea="isIpx"
    >
   </mescroll-un>

4. ipx 底部按钮适配

核心点:① vux 全局设置isIpx 标识 ② 底部按钮通过一个容器组件包装,里面的内容支持slot传入

相关文章

  • uniapp 头条小程序采坑(后续持续更新)

    1. :ref 不支持动态绑定 核心点: 不要在for 循环中使用:ref 解决方案1: 少数需要动态绑定ref元...

  • uniapp 的坑...(持续更新)

    1.代码没问题就是不生效怎么办?重新编译 + 真机模拟,chrome 和 模拟器环境下,uniapp有些原生的方法...

  • 微动分享:小程序近期更新

    分享者:吴鹏 今天先跟大家分享一下小程序近期更新的几个特性,后续会持续的跟踪小程序最新动态,并分享给大家! 更新列...

  • 小程序坑点。。持续更新

    这里持续记录更新在开发小程序期间值得记录的要点 组件内注意点 在组件内使用小程序方法注意第二参数 组件内直接修改样...

  • 可拖拽的小窗口,最好用?

    一、前言 1、写了10多天的小程序代码,有兴趣的可以看我这篇小程序官方文档-小程序版【持续更新】,被坑得有点晕,突...

  • uniapp踩坑记录--持续更新

    生命周期不生效 下午测了半天,我的生命周期函数onShow不生效,上网查询,貌似是小程序的问题,原因不明,代码如下...

  • 小程序采坑

    全局样式选择器*被禁用 上面的代码在编译的时候就会报错,因为小程序禁用了这类选择器。大胆猜测具体原因:这类作用范围...

  • 小程序踩坑梳理(持续更新)

    前短时间公司在探索新的C端产品,在一段艰难的抉择之后,决定先从小程序入手而非app原生开发,毕竟微信自带的流量对我...

  • 小程序:uni_app框架采坑记录

    报错1 报错2 uniapp打包微信小程序的坑permission和plugins 添加失败发现在pages.js...

  • python 多线程

    先占个坑,后续进行更新...

网友评论

    本文标题:uniapp 头条小程序采坑(后续持续更新)

    本文链接:https://www.haomeiwen.com/subject/wnwmsktx.html