vue3+elementPlus：无法清空问题，清空表单没效果

本文主要是介绍vue3+elementPlus：无法清空问题，清空表单没效果，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

<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>

这篇关于vue3+elementPlus：无法清空问题，清空表单没效果的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---