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.refs["ruleFormRef"].resetFields()或者this.refs.ruleFormRef.resetFields()

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

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