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

Posted 2022-11-23 JIZQAQ

踩坑前言

我的代码结构是一个页面用了个组件，具体需要轮询的东西是展示在组件里面的。开始憨憨的把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)
			
		)