后台业务的增删改查太常见了，而Form 就是用于增删改查的主要组件。
一条记录的新增和编辑常用同一个Form表单 进行操作。
而Form 表单一般嵌套于 dialog中。

<el-dialog  :visible.sync="isEditDialogShow"  @close="$refs['formRef'].clearValidate()"  >
      <el-form>
          // ... 
    </el-form>
</el-dialog>

表单验证消息清除

一个最佳实践是：
dialog 关闭时 ，通过@close="$refs['formRef'].clearValidate()"清除Form表单的验证

通过设定rule trigger 避免表单自动验证

如果没有设定，Form表单的数据被修改时会自动触发字段验证，业务中常见的是，进行编辑操作后再新增，这时候所有字段被初始化，表单自动验证，一片红。
解决方案：
修改验证规则 :rule="{required:true,message:'必填项',trigger:'blur'}"

Form 表单中的日期range 反写与提交 (待续)

后端处理日期range 都是分两个字段，而element-ui中的日期是 一个数组，我们经常需要要来回处理，其实可以直接封装成一个组件：