重置数据this.$options.data()

看别人的代码学到了这一个骚操作:

 // 重置数据
    resetData () {
      Object.assign(this.$data, this.$options.data())
    },


这一句功能很强大,相当于一旦调用这个方法,你当前页面的data中的属性值都会恢复到原始值,无论你对这个data中的属性做了啥子操作

//初始化的数据
data() {
    return {
      formInline: {
        status: '',
        result: '',
      },
      status: null,
      isShow: false,
    }
  },

//恢复到这个样子
data() {
    return {
      formInline: {
        status: '',
        result: '',
      },
      status: null,
      isShow: false,
    }
  },

如果想恢复个别值,比如formInline

this.formInline =  this.$options.data.call(this).formInline

那么其他的值改变了就是改变了,这个formInline值一旦改变了,然后执行上面那一句,立马恢复初始值,这样一来,我们就不用去这样恢复了:

this.formInline.status = ''
this.formInline.result = ''

如果想弄明白this.$options.data(),可以看看以下文章:

https://blog.csdn.net/mocoe/article/details/89682022

你可能感兴趣的:(vue,vue)