关于微信小程序自定义组件 本次编码遇到的问题整理

1.当父组件数据更新之后 子组件跟着刷新
解决办法:在父组件中 给子组件设置类名 通过 this.selectComponent 方法获取子组件实例对象

xwml
  <child-com class='childName'></child-com>
js
  this.selectComponent('.childName') 这样就可以获取到组件的实例对象了 调用子组件的更新方法就可以了
另外一种办法就是在数组即将刷新的时候 用wx:if销毁子组件  数据再次加载完成时加载子组件

2.子组件向父组件传参

this.triggerEvent('onMyEvent', {})
onMyEvent是父组件见方法名
  <child-com class='childName' @onMyEvent='onMyEvent'></child-com>

3.组件的生命周期

组件的生命周期
lifetimes: {
    attached: function() {
      // 在组件实例进入页面节点树时执行
    },
    detached: function() {
      // 在组件实例被从页面节点树移除时执行
    },
  },
  详见
 

[小程序文档](https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/lifetimes.html)

组件可以监听到的页面生命周期
 pageLifetimes: {
    show: function() {
      // 页面被展示
    },
    hide: function() {
      // 页面被隐藏
    },
    resize: function(size) {
      // 页面尺寸变化
    }
  }

4.有个倒计时功能
很短的那种,倒计时10分钟,结束之后再10分钟
开始用的setTimeout做的 导致小程序运行久了以后 手机会发烫
查找各种文档说 定时器需要回收 最后也没查找到官方文档的说明
尝试了下用setInterver写倒计时 发现好了很多

5.长列表
无限加载列表,数据很多的时候,手机会变得很卡,由于本次时间有限,暂时未解决,不过看到官方文档有长列表组件,准备试一下
微信小程序长列表组件
后来整理的长列表使用体会

6.微信小程序 swiper 闪动问题
微信小程序打开有swiper组件并且长度超过两个的,将微信切换到后台,操作一下别的小程序或者等待一会,然后再回到微信小程序,会发现swiper一直晃动 – 未找到解决办法

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值