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

Posted 2021-09-05 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)
			}
		})
	}

}