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表單