element ui form resetField
时间: 2023-07-29 14:08:36 浏览: 112
在 Element UI 中,可以使用 `this.$refs.form.resetFields 方法来重置表单字段的输入值和校验状态。这个方法可以通过表单组件的 `ref` 属性来访问。以下是一个示例:
```vue
<template>
<el-form ref="form" :model="form" :rules="rules">
<!-- 表单字段 -->
</el-form>
<el-button @click="resetForm">重置</el-button>
</template>
<script>
export default {
data() {
return {
form: {
// 表单字段的初始值
},
rules: {
// 表单字段的验证规则
},
};
},
methods: {
resetForm() {
this.$refs.form.resetFields();
},
},
};
</script>
```
在上面的示例中,`this.$refs.form.resetFields()` 方法会将表单字段的值重置为初始值,并清除验证状态。你可以在点击重置按钮时调用 `resetForm` 方法来触发重置操作。
阅读全文