写点什么

Vue 进阶(幺贰幺):ElementUI 表单校验注意事项

发布于: 4 小时前
Vue进阶(幺贰幺):ElementUI 表单校验注意事项

一、表单检验


注:prop对应的不单单是rules规则里面的验证项,同时对应着form-itemv-model绑定的值。prop绑定的类要与el-form-itemv-model的值相对应。否则就算校验元素输入字符,也会提示“请输入”之类的提示语,造成校验不友好问题。


二、清除表单校验

// 清除表单校验的提示if (this.$refs['XXX']) { // 延时执行  this.$nextTick(function () {    this.$refs['XXX'].clearValidate();  })};
复制代码

三、callback()

vue自定义表单校验,不管检验是否通过一定要加 callback();


validateDatasourceNm(rule, value, callback) {  let reg = /^[+]{0,1}(\d+)$|^[+]{0,1}(\d+\.\d+)$/; //只允许输入正数  if (value === '') {    callback();  //这句话没有的话 不知名的问题产生。  } else {    if (!reg.test(value)) {      callback(new Error(this.ruleNames[rule.fullField]));    }    callback();  }}
复制代码

四、拓展阅读

发布于: 4 小时前阅读数: 3
用户头像

No Silver Bullet 2021.07.09 加入

岂曰无衣 与子同袍

评论

发布
暂无评论
Vue进阶(幺贰幺):ElementUI 表单校验注意事项