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一直晃动 – 未找到解决办法