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>
相关推荐
一壶纱3 分钟前
vite 只是一个平台
vue.js·vite
轻语呢喃13 分钟前
JavaScript数据检索:从顺序到哈希的效率跃迁
javascript·后端
萱萱的七彩鱼14 分钟前
css3之三维变换详说
前端·javascript·css3
liweisum25 分钟前
AI驱动 WEB UI自动化---前端技术分享
前端·javascript·typescript
前端赵哈哈32 分钟前
🚀 从 Windi CSS 迁移到 Tailwind CSS v4 完整实践指南
前端·css·vue.js
前端拿破轮1 小时前
腾讯面试官:手写一个节流防抖看看
前端·javascript·面试
狗头大军之江苏分军1 小时前
存钱 vs 投资 vs 提升自己:哪个才是打工人的“出路
前端·javascript·后端
天天向上10241 小时前
vue让elementUI和elementPlus标签内属性支持rem单位
javascript·vue.js·elementui
小宁爱Python2 小时前
Vue入门:vue项目的创建和基本概念
前端·javascript·vue.js
徐知行2 小时前
前后端对时最佳实现
javascript