1. 我们通常使用element-ui form表单组件时 点击表单重置按钮清空form表单数据 使用表单ref属性对象的resetFields() 方法可以重置表单 2. vue中 this.$options.data() 可以重置vue组件中的data数据 ...

可以通过this.$data获取当前状态下的data，通过this.$options.data()获取该组件初始状态下的data。 然后只要使用Object.assign(this.$data, this.$options.data())就可以将当前状态的data重置为初始状态了。ps ...

场景 我们在vue组件中经常遇到需要重置表单的场景，需要重置data中的对象，例如弹窗新增项目，保存之后需要重置 方法一：element的resetfields 方法二： vue的this.$options.data().form方法对form重置 方法三： vue的data ...

原理：使用object.assign(target,source)方法。将source对象属性复制到target。 即：object.assign( this.$data , this.$options.data(this) ) 说明：this.$data即是vue组件中 ...

...

业务场景：在某些特定时刻，我们需要重新利用data中的初始值，但页面一旦经过操作，数据一般都是实时更新之后的，那么如何重置data中的初始值呢？ 方法一：逐个重新赋值： 这种方式肯定是能够实现的，但是未免显得有些傻，是吧？再看第二种方法 方法二：this. ...

vue组件开发过程中,我们会遇到改变组件的值之后又想对组件进行初始化,这个时候一个个去重置传入的值效率太低.尤其当重置表单的值的时候,非常头疼.可以使用vue中:key属性 例如 组件上设置key属性 需要初始化的时候只需重置key的值 ...

this.$options.data() 这个可以获取原始的data值，this.$data 获取当前状态下的data,拷贝重新赋值一下就行了。 ...