企业网站版面设计技巧,域名访问网站 过程,用php做电商网站,做网站怎么融资一、App.vue全局中写入心跳 在data中定义变量heartbeatTimer#xff0c;便于暂停心跳使用在onLaunch中引用开始心跳的方法startHeartbeat()写入开始心跳方法写入暂停心跳方法写入请求后端刷心跳机制 定义变量
// 在全局设置的心跳机制中添加一个变量来保存定时器的标识
data(…一、App.vue全局中写入心跳 在data中定义变量heartbeatTimer便于暂停心跳使用在onLaunch中引用开始心跳的方法startHeartbeat()写入开始心跳方法写入暂停心跳方法写入请求后端刷心跳机制 定义变量
// 在全局设置的心跳机制中添加一个变量来保存定时器的标识
data() {return {heartbeatTimer: null};
},
在应用初始化时启动心跳
onLaunch: function() {//在应用初始化时启动心跳this.startHeartbeat(); // 在应用初始化时启动心跳
},
写入开始心跳方法 5s执行一次心跳
startHeartbeat() {console.log(开始心跳)this.heartbeatTimer setInterval(() {this.sendHeartbeatRequest();}, 5000);
},
写入暂停心跳方法
stopHeartbeat() {console.log(暂停心跳)clearInterval(this.heartbeatTimer);
},
写入请求后端刷心跳机制 发送心跳请求这里我是是将方法放入的common.js中的做了一个简单的封装
sendHeartbeatRequest() {common.heart(this.globalData.access_token);
} 请求后端刷心跳机制
//心跳
function heart(access_token){ uni.request({url: ip sys/token,data: {access_token:access_token},method: POST,dataType: json,header: {content-type: application/json},success: res {console.log(成功心跳,res)},fail(res) {console.log(res)}});
}
二、局部变量中控制心跳的暂停和重新心跳 引用全局变量的方法getApp().方法() templateviewbutton tappauseHeartbeat暂停心跳/buttonbutton taprestartHeartbeat开始心跳/button/view
/templatescriptconst app getApp();export default {data() {return {}},methods: {pauseHeartbeat() {const app getApp();app.stopHeartbeat();console.log(已暂停心跳);},restartHeartbeat() {const app getApp();app.startHeartbeat();console.log(已开始心跳);}}}
/scriptstyle/style
