vue表单时时保存功能

vue表单时时保存功能

• 利用watch去监听表单的变化

   watch:{
        dataForm:{
          handler:function (newVal,oldVal) {
            // console.log(newVal,'asdada',oldVal)
            setTimeout(()=> {
              this.holdChangeForm()
            },10000)
            // this.holdChangeForm()
          },
          deep:true
        }
      },
  

• 这个deep：true，官方解释该回调会在任何被侦听的对象的 property 改变时被调用，不论其被嵌套多深，通俗一点就是dataForm表单里面的值改变，就会触发你想要触发的函数，我这边触发的是保存函数，做了一个延迟

• 而还有一个参数immediate: true，官方解释该回调将会在侦听开始之后被立即调用，意思就很明显了