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

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传入

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容