element-ui表单验证信息如何以弹窗的形式出现

一、需求

在进行表单验证的时候,表单提示部分业务需要弹出窗口提示
element-ui表单验证信息如何以弹窗的形式出现_第1张图片

二、实现

1.主要代码: 主要在else部分

submitForm(formName) {
  this.$refs[formName].validate((valid, obj) => {
     if (valid) {
     	console.log('submit');
     } else {
      var fail = [];
      for (let key in obj) {
        fail.push(obj[key][0].message);
      }
      this.$notify({
          title: '警告',
          message: fail[0],
          type: 'warning'
        });
      return false;
    }
  });
},

你可能感兴趣的:(ui,javascript,开发语言)