Uni-app 微信小程序 页面组件轮询 定时刷新

踩坑前言

我的代码结构是一个页面用了个组件,具体需要轮询的东西是展示在组件里面的。开始憨憨的把onShow写在组件里面,试了半天怎么都没用。

终于想起来翻官方文档了,onShow一种是写在App.vue里面的应用生命周期,一种是页面生命周期。……页面QAQ,所以写在组件里是没有用的啊。

代码:

<checkPage :msg="newMsgOrNot"></checkPage>
onShow: function(){
   let that = this
   setInterval(function () {
		that.haveNewMessageOrNot();
	   }, 5000)
 },

methods:{
	// 判断是否有新消息
	async haveNewMessageOrNot() {
		haveNewMsgOrNot().then(res => {
			if (res.code == 200) {
				this.newMsgOrNot = res.result
			} else {
				this.$util.alertMsg(res.message)
			}
		})
	}

}
经验分享 程序员 微信小程序 职场和发展