第一步:给 el-form
添加 ref
属性,这里定义为 archivesFormRef
第二步:给 el-form-item
添加 prop
属性,这里定义为 name
,这里的 name
对应 archivesForm.name
中的 name
<el-form :model="archivesForm" ref="archivesFormRef" class="text item">
<el-row>
<el-col :span="6">
<el-form-item label="档案名称" prop="name">
<el-input v-model="archivesForm.name" size="small" style="width:70%;" placeholder="请输入内容" />
</el-form-item>
</el-col>
</el-row>
</el-form>
<el-row class="row-spacing">
<el-button size="mini" style="width: 100px" type="primary" @click="resetForm">重 置</el-button>
</el-row>
第三步:编写 click
调用的方法
resetForm() {
this.$refs.archivesFormRef.resetFields()
}