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>
相关推荐
uhakadotcom1 小时前
Astro 框架:快速构建内容驱动型网站的利器
前端·javascript·面试
uhakadotcom1 小时前
了解Nest.js和Next.js:如何选择合适的框架
前端·javascript·面试
uhakadotcom1 小时前
Remix 框架:性能与易用性的完美结合
前端·javascript·面试
uhakadotcom2 小时前
Node.js 包管理器:npm vs pnpm
前端·javascript·面试
咖啡教室3 小时前
前端开发日常工作每日记录笔记(2019至2024合集)
前端·javascript
咖啡教室3 小时前
前端开发中JavaScript、HTML、CSS常见避坑问题
前端·javascript·css
市民中心的蟋蟀6 小时前
第五章 使用Context和订阅来共享组件状态
前端·javascript·react.js
逆袭的小黄鸭6 小时前
JavaScript 闭包:强大特性背后的概念、应用与内存考量
前端·javascript·面试
Mintopia6 小时前
Node.js 中 fs.readFile API 的使用详解
前端·javascript·node.js
Face6 小时前
事件循环
前端·javascript