页面定时保存功能

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)
  },

这杨就好啦