点重置快速清空的方法
<el-form status-icon :rules="rules" :model="ruleForm" ref="ruleForm" :label-position="labelPosition" label-width="100px">
<el-form-item label="机构名称:" prop="orgnName" >
<el-input v-model="ruleForm.orgnName" auto-complete="off" readonly>
<el-button slot="append" icon="el-icon-search" @click="orgnQuery" ></el-button>
</el-input>
</el-form-item>
<button class="btn repeat" @click="rest">重置</button>
</el-form>
在每个el-form-item 标签上加上prop="xxx" 这个xxx对应的el-input 标签上的 比如prop="notesMail"
接着点击重置按钮重置执行这个重置的方法 ruleForm对应上你表单的
//重置
rest() {
this.$refs.ruleForm.resetFields()
},
————————————————
原文链接:https://blog.csdn.net/qq_39313596/article/details/82014735