<el-form ref="formRef" :inline="true" :model="filters" class="card table-search">
<el-form-item label="">
<el-input v-model="filters.name" placeholder="请输入居民名称" clearable />
</el-form-item>
<el-form-item label="" >
<el-input v-model="filters.idCard" placeholder="请输入身份证号码" clearable />
</el-form-item>
<el-form-item class="operation">
<el-button type="primary" @click="search"> 查询</el-button>
<el-button @click="reset()"> 清空</el-button>
</el-form-item>
</el-form>
清空表单
const formRef=ref()
formRef.value.resetFields();
发现没起作用
最后才意识到el-form-item标签上面必须有prop
改成下面的就可以啦
<el-form ref="formRef" :inline="true" :model="filters" class="card table-search">
<el-form-item label="" prop="name">
<el-input v-model="filters.name" placeholder="请输入居民名称" clearable />
</el-form-item>
<el-form-item label="" prop="idCard">
<el-input v-model="filters.idCard" placeholder="请输入身份证号码" clearable />
</el-form-item>
<el-form-item class="operation">
<el-button type="primary" @click="search"> 查询</el-button>
<el-button @click="reset()"> 清空</el-button>
</el-form-item>
</el-form>