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的方法名称,第二个参数是多少毫秒后调用该方法
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/83866.html