踩坑之在 vue+element select筛选框重置resetFields()失效

最新推荐文章于 2024-06-05 17:16:04 发布

candybaby1223

最新推荐文章于 2024-06-05 17:16:04 发布

阅读量5.3k

点赞数 4

文章标签： javascript

本文链接：https://blog.csdn.net/candybaby1223/article/details/106898994

版权

在 Vue.js + Element UI 的项目中，遇到使用 `resetFields()` 重置表单时，select 筛选框无法重置的问题。经发现，`resetFields()` 方法仅对 input 框有效。为解决下拉框重置问题，需确保 v-model 绑定的属性存在于 data 中，并手动设置值。通过以下三个步骤实现：1) 设置 v-model 属性；2) 找到并执行重置方法，为相关字段赋空值；3) 确保在 data 中定义了相关对象。欢迎评论区分享更多解决方案。

摘要由CSDN通过智能技术生成

element select筛选框重置办法

突然之间发现element 自带的重置组件resetFields() 只对input框有效，下拉框，完全点不动。
需求如下
下拉框选择数值，点击重置，清空刚才你的选择。在这里插入图片描述

1这里的 v-model="dataForm.year 和 v-model=“dataForm.month” 这两个属性很重要。然后找到重置方法

<el-row>
              <el-col :span="6">
                <el-form-item label="年度" >
                  <el-select v-model="dataForm.year" placeholder="请选择年度" clearable>
                    <el-option
                      v-for="item in yearList"
                      :key&#

最低0.47元/天解锁文章

candybaby1223

关注

4
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
踩坑之在 vue+element select筛选框重置resetFields()失效

element select筛选框重置办法突然之间发现element 自带的重置组件resetFields() 只对input框有效，下拉框，完全点不动。需求如下下拉框选择数值，点击重置，清空刚才你的选择。1这里的 v-model="dataForm.year 和 v-model=“dataForm.month” 这两个属性很重要。然后找到重置方法<el-row> <el-col :span="6">
复制链接

扫一扫