vue + elementUI 表单重置两种方法

一、添加 prop 清空验证和内容

    <el-form-item label="排序" prop="orders">
                <el-input
                  v-model="ruleForm.orders"
                  size="small"
                  placeholder="请输入数字"
                  oninput="value=value.replace(/[^\d]/g,'')"
                  clearable
                />
    </el-form-item>

在 <el-form ref="ruleFormRef ">添加 ref属性，然后使用
this.r e f s [ " r u l e F o r m R e f " ] . r e s e t F i e l d s ( ) 或 者 t h i s . refs[ "ruleFormRef" ].resetFields() 或者this.refs["ruleFormRef"].resetFields()或者this.refs.ruleFormRef.resetFields()

二、this.$options.data()是vue实例初始化时的data数据，只读属性

 this.$options.data() // 整个data全部重置
 this.form = this.$options.data().form // 重置data中的 某个form表单

如果以上不可以，用下面的方面

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