vue项目,由于新建一个申请时表单项比较多,所以领导要求加一个自动保存功能(用户不主动保存时,每过三分钟自动保存一次)
实现代码如下:
首先在data中定义一个timeoutId
data(){
return{
timeOutId: 0,
}
},
然后,写一个三分钟自动保存的方法:
methods:{
autoSave(){
this.saveFormData()
this.timeOutId = setTimeout(this.autoSave,3 * 60 * 1000);
},
}
当然,页面初始化时就要给他即时啦
created() {
this.timeOutId = setTimeout(this.autoSave,3 * 60 * 1000);
},
最最重要的,这个东西是需要清处的,不然会一直存在
destroyed(){
clearTimeout(this.timeOutId)
},
这杨就好啦
网友评论