文档章节

vue + elementui表单重置 resetFields问题(无法重置表单)

YXMBetter
 YXMBetter
发布于 2017/09/11 14:51
字数 213
阅读 8.2W
收藏 1

问题:

  • elementui在重置表单时,无法使用this.$refs['formRefVal'].resetFields()清空表单数据;
  • elementui 设置rules后没有效果

解决方法:

  • 1、表单加ref属性
<el-form ref="refname"></el-form>
  • 2、form的每个item加prop属性(踩了好久的坑这个,需要和绑定数据的最后名称一致,prop属性添加到form-item上)
<el-form-item prop="name">
    <el-input v-model="query.name"></el-input>
</el-form-item>
  • 3、绑定点击事件中传入refname
<el-form-item>
    <el-button @click="resetForm('refname')">清空</el-button>
</el-form-item>
  • 4、注册事件
restForm(refname) {
   this.$refs[refname].resetFields()
}

+ 5、检查是否有初始值
在data数据上需要挂载表单数据初始值为''
  • 如果使用了$store.state.fm.plan管理关联表单数据,那么在form中需要添加:model="$store.state.fm"
  • 赶紧试试吧,可以的话记得点赞喽
YXMBetter
粉丝 10
博文 177
码字总数 113966
作品 0
昌平
程序员
私信 提问
加载中
此博客有 2 条评论,请先登录后再查看。

暂无文章

Python3模块调用你真的会吗?不懂就来看一看?

前言 学习Python自动化框架的时候,各种文件会相互之间的调用。刚学的时候是不是很头疼!有木有!!一步步告诉你如何调用文件里的类和方法。 经常会调用同目录下的文件还有跨文件的调用   ...

osc_mhihvpgp
7分钟前
8
0
WahWah - 一个读取音频元数据的 gem

osc_tj0is418
8分钟前
0
0
光电游戏加速器免费获取方法和使用方法介绍

光电游戏加速器支持手游,端游,页游加速。支持国服,日服、美服、欧服、韩服,港台服等各大游戏区服国际网络加速,大幅提高用户的游戏体验。加速全球外服游戏,首选光电游戏加速器!玩游戏爽...

osc_ur9jjorb
10分钟前
9
0
低损耗MPO光纤连接器的IL值是多少?

随着FTTH的广泛应用,光纤通信对于数据传输容量和速度的要求越来越高,因此产生了对高密度和低损耗的光纤连接器的高需求。 前面有一篇文章我们介绍了什么是插入损耗(Insertion Loss)和回波...

osc_oz0d1seh
11分钟前
9
0
Android作为CXF客户端调用服务端。

1 加载jar 下载jar包,放在libs下 通过Project Structure添加jar依赖 成功后就会在build.gradle下添加 代码 final static String SERVICE_NS = "http://ws.service.mService.et.cn/"; ......

osc_aazzok95
12分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部