<el-form :inline="true" :model="searchForm" ref="searchForm" class="demo-form-inline">
<el-form-item prop="customerName">
<el-input class="sendmessag-input" v-model="searchForm.customerName" placeholder="请输入客户姓名" width="40" />
</el-form-item>
<el-form-item prop="cardIdno">
<el-input class="sendmessag-input" v-model="searchForm.cardIdno" placeholder="请输入证件号码" width="40" />
</el-form-item>
<el-form-item prop="contactPhone">
<el-input class="sendmessag-input" v-model="searchForm.contactPhone" placeholder="请输入联系电话" width="40" />
</el-form-item>
<el-form-item prop="orderNo">
<el-input class="sendmessag-input" v-model="searchForm.orderNo" placeholder="请输入工单编号" width="40" />
</el-form-item>
<el-form-item>
<el-button type="primary" @click="onSubmit">查询</el-button>
<el-button @click="resetForm">重置</el-button>
</el-form-item>
</el-form>
resetForm() {
this.$refs.searchForm.resetFields();
},
坑1:在e-form标签加上ref=“searchForm”,识别哪个表单做重置,这个一般都知道。
坑2:在e-form-item 标签下加prop,resetFields哪些字段的做重置
坑3:在重置的数据必须包裹在e-form-item下。