前言
vue开发的时候输入多项后想重置，我们会给用户实现一个一键重置。这个实现方式很多今天来叨叨哈。
举例数字
formData: {
endTime: '',
informationState: '',
informationTitle: '',
informationType: '',
regionId: 0,
startTime: '',
pageNum: 1, // 初始当前页
pageSize: 10 // 单页请求数
}
方式
1、笨方法【大多数都是用这个哈】，多属性一个个的设置初始属性
this.formData.endTime = '';
this.formData.informationState = '';
...
2、element ui 表单中提供的方法,方便时方便了但是有局限性
this.$refs[formName].resetFields();
3、今夜主角vue 提供的一个很实在的方法 。
this.$options.data();
// 重置数据
this.$data = this.$options.data(); // nice
// 如果有报错
// Avoid replacing instance root $data. Use nested data properties instead.
Object.assign(this.$data, this.$options.data()) // 避免替换实例根
总结
利器人家都给你打造好了，关键我们得会有哈。
