vue + elementUI 表单重置
程序员文章站
2024-01-02 21:13:10
...
一、添加 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.$options.data()是vue实例初始化时的data数据,只读属性
this.$options.data() // 整个data全部重置
this.$options.data().form // 重置data中的 某个form表单