[Vue-BMS] 重置表单

0 修订记录

时间	描述
2019-11-30	建档

1 需求描述

数据管理页面一般会有新增和修改两个功能。为了使代码简洁，两个功能使用的是同一个对话框：

• 单击“新增”打开对话框时，表单使用的是默认数据；
• 单机“编辑”打开对话框时，表单使用的是从后台拉取的数据。

问题在于：当先单击“编辑”时，表单绑定的数据对象被替换成后台数据；关掉对话框，再单击“新建”时，表单仍旧使用的是之前编辑时产生的数据。因此，需要在关闭对话框时，将表单的数据重置为最初状态。

2 问题分析

之前第一次接触Vue的时候，获悉其有一个实例字段$options，会在组件实例化时缓存原始的data对象。借助对象合并技术可轻松实现表单数据重置，如：

1. Object.assign(target, source...)将source对象的属性赋给target对象；

   var obj1 = {
        a: 1};
   var obj2 = {
        a