Laravel 和 vue.js 验证

Posted 2023-03-15

【中文标题】Laravel 和 vue.js 验证

【英文标题】：Laravel and vue.js validation

【发布时间】：2017-01-31 20:30:36

【问题描述】：

在我的 Laravel api 中，我在 json 中收到以下验证错误：

  "error": 
    "billabletime": [
      "The billabletime field is required."
    ],

   "time": [
      "time bust be a integer."
    ]
  

那么我将如何在 vue.js 中显示它们？现在我有这个，但这显然不起作用：

 showError (message) 
  swal(
    title: "Fout", 
    text: message.error, 
    type: "error", 
    timer: 2000,
    showConfirmButton: false 
  );

【问题讨论】：

你首先应该在文本对象中使用 message.error.billabletime

是的，但 billabletime 也可能是其他一些错误消息。 （进行了编辑）

【参考方案1】：

像这样：

var errorString = '';
if (message.hasOwnProperty('error')) 
    for(var prop in message.error) 
        if (Array.isArray(prop)) 
            for (var msg in prop) 
                errorString += prop[msg] . '<br/>';
             
         else 
            errorString += message.error[prop] . '<br/>';
        
    

像这样简单的事情应该会给你想要的结果。不必知道索引名称。

编辑添加了处理搅拌/数组的功能