vue表单时时保存功能

最新推荐文章于 2023-03-09 14:47:10 发布

拢手点烟丶

最新推荐文章于 2023-03-09 14:47:10 发布

阅读量1.8k

点赞数 1

分类专栏： Vue 文章标签： vue.js

本文链接：https://blog.csdn.net/jwqzhn/article/details/111589578

版权

Vue 专栏收录该内容

24 篇文章 0 订阅

订阅专栏

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，官方解释该回调将会在侦听开始之后被立即调用，意思就很明显了