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>
相关推荐
干就完了131 分钟前
js数组方法,其实也就这么多东西,一篇全搞懂
前端·javascript
aidingni88832 分钟前
Comet浏览器不为人知的故事
前端·javascript
_前端小李_43 分钟前
关于this指向
前端·javascript
qb43 分钟前
vue3.5.18-编译-生成ast树
前端·vue.js·架构
我的写法有点潮1 小时前
Vue实例都做了什么?
前端·javascript·vue.js
写代码的stone1 小时前
如何基于react useEffect实现一个类似vue的watch功能
前端·javascript·面试
仙人掌一号1 小时前
Webpack打包流程简述——新手向
前端·javascript
用户47949283569151 小时前
面试官:你知道deepseek的ai生成代码预览是用什么做的吗?
前端·javascript·面试
鹏多多1 小时前
vue3监听属性watch和watchEffect的详解
前端·javascript·vue.js
小蒜学长2 小时前
基于SpringBoot+Vue的健身房管理系统的设计与实现(代码+数据库+LW)
java·数据库·vue.js·spring boot·后端