VUE定时器请求后端数据
mounted:function(){this.timer = setInterval(this.autoPrintBtnClicked, 60100);//60秒后运行 autoPrintBtnClicked方法},methods:{autoPrintBtnClicked() {console.log("定时器进来了......")return this.api({url: "/pickGuid
·
mounted:function(){
this.timer = setInterval(this.autoPrintBtnClicked, 60100);//60秒后运行 autoPrintBtnClicked方法
},
methods:{
autoPrintBtnClicked() {
console.log("定时器进来了......")
return this.api({
url: "/pickGuidance/autoPlaySingle",
method: "post",
data: ""
}).then(data => {
debugger
console.log("后端获取到的数据",data)
})
}
},
beforeDestroy() {
clearInterval(this.timer);
}
Mounted函数:
模板编译完成,数据挂载完毕
即:此时已经把数据挂载到了页面上,所以,页面上能够看到正确的数据了。我们在创建定时器对象
一般来说,我们在此处发送异步请求(ajax,fetch,axios等),获取服务器上的数据,显示在DOM里。
beforeDestroy函数:
vue(组件)对象销毁之前,需要把定时器对象销毁
setInterval()方法
第一个参数调用methods的方法名称,第二个参数是多少毫秒后调用该方法
更多推荐
已为社区贡献2条内容
所有评论(0)