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>
相关推荐
像风一样自由20203 小时前
HTML与JavaScript:构建动态交互式Web页面的基石
前端·javascript·html
浪裡遊4 小时前
React Hooks全面解析:从基础到高级的实用指南
开发语言·前端·javascript·react.js·node.js·ecmascript·php
幽络源小助理4 小时前
SpringBoot基于Mysql的商业辅助决策系统设计与实现
java·vue.js·spring boot·后端·mysql·spring
Liudef066 小时前
2048小游戏实现
javascript·css·css3
鱼樱前端7 小时前
今天介绍下最新更新的Vite7
前端·vue.js
独立开阀者_FwtCoder8 小时前
【Augment】 Augment技巧之 Rewrite Prompt(重写提示) 有神奇的魔法
前端·javascript·github
我想说一句8 小时前
事件机制与委托:从冒泡捕获到高效编程的奇妙之旅
前端·javascript
汤姆Tom8 小时前
JavaScript reduce()函数详解
javascript
小飞悟8 小时前
你以为 React 的事件很简单?错了,它暗藏玄机!
前端·javascript·面试
中微子8 小时前
JavaScript 事件机制:捕获、冒泡与事件委托详解
前端·javascript