Vue vux 表单验证另一方法

此文章发布于 62 个月前,部分信息可能已经过时,请自行斟酌确认。

vux 表单验证目录似乎没有好的方案,下面是一位网友分享的方法。

目前统一在提交逻辑前遍历组件,通过 focus 和 blur 的调用能够触发颜色和错误图标的效果,但是受制于 valid 验证只适用于 x-input 等少量组件,对于cell或其他自定义组件的验证无法处理。

var isOK = true;
for (var x in this.$refs) {
  if (this.$refs[x].validate) {
    this.$refs[x].validate();
    var valid = this.$refs[x].valid;
    if (!valid) {
      this.$refs[x].focus();
      this.$refs[x].blur();
      isOK = false;
    }
  }
}

if (isOK) {
  alert("校验通过");
} else {
  alert("校验不通过");
}
最后修改:2019 年 06 月 20 日 08 : 54 AM
如果觉得我的文章对你有用,请随意赞赏

发表评论