view Ui 里的from表单重置问题 this.$refs.form.resetFields

我最帅气257

已于 2022-09-04 10:45:47 修改

阅读量1.1k

点赞数

分类专栏： iview ui 文章标签： vue.js ui

于 2022-08-08 09:29:02 首次发布

本文链接：https://blog.csdn.net/weixin_56115652/article/details/126221161

版权

Vue 表单重置 resetFields 校验初始值

关键词由CSDN通过智能技术生成

iview ui 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

view Ui 里的from表单重置问题 this.$refs.form.resetFields

ui 组件中,给resetField方法的定义是对整个表单进行重置,将所有字符值重置为初始值并移除校验结果
Alt

但是实际的工作当中,发现

1.resetFields()只对具有校验的表单元素有关系

2.resetFields()重置并不绝对的意味着将表单设置为空,而是初识值
一、解决方法

 this.$refs.form.resetFields()
      this.form.name = ''
      this.form.description = ''
      this.form.id = ''

3、写resetFields的原因:解决点击取消或者右上角的X之后,再进入新增角色的校验信息不消失的问题


```javascript
      // 将表单重置放在最上边用来解决关闭之后校验信息不再出现的问题
      this.$refs.form.resetFields() // 先去掉校验的功能
      this.form.name = ''
      this.form.description = ''
      this.form.id = ''