用了elementUI里的form表单,表单重置的几个关键点,我整理了一下,防止踩坑
1.表单刚开始的时候要绑定ref属性,不然在调用$refs时会找不到你传进来的表单名
2.el-form-item标签上绑定prop属性,prop属性的属性值就是对应表单里的参数名
<el-form ref="voucher" class="uploadVoucher" :model="voucher" label-width="120px">
<el-form-item label="订单号\流水号:" prop="order_nm">
<el-input v-model="voucher.order_nm" />
</el-form-item>
</el-form>
3.调用重置方法,不用多说
<el-button type="info" @click="resetForm('voucher')">重置</el-button>
4.方法体
// 重置表单
resetForm(formName) {
this.$refs[formName].resetFields()
},

被折叠的 条评论
为什么被折叠?



