• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录

凉梁凉糕

  • 博客园
  • 联系
  • 订阅
  • 管理

公告

View Post

使用elementui 的validateField,resetFields,clearValidate的使用

1  validateField 对部分表单字段进行校验的方法,Function(props: array | string, callback: Function(errorMessage: string))

eg:this.$refs.newForm.validateField('photos')
 
2  resetFields 对整个表单进行重置,将所有字段值重置为初始值并移除校验结果
eg:this.$refs.newForm.resetFields()
 
3 clearValidate 移除表单项的校验结果。传入待移除的表单项的 prop 属性或者 prop 组成的数组,如不传则移除整个表单的校验结果
eg:this.$refs.newForm.clearValidate()
        this.$refs.newForm.clearValidate('photos')

需要注意的是:当手动将内容清空后再使用resetFields ,会被初始化为清空之前(只限于被清空的内容)如:
newObj:{
  parsA: ‘’,
  parsB:‘’,
}
//因编辑需要数据回显使得newObj变为如下数据:
newObj:{
  parsA: ‘a’,
  parsB:‘b’,
}
//手动重置了 newObj.parsA = ''
//在使用this.$refs.newForm.resetFileds()
//会使得newObj变为如下内容:
newObj:{
  parsA: ‘a’,
  parsB:‘’,
}

  

 

posted on 2021-01-19 16:07  凉梁凉糕  阅读(3697)  评论(0)    收藏  举报

刷新页面返回顶部
 
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3