Wie wird die folgende Antwort mit Vue js angezeigt?

Question

Dies ist meine Antwort .. Wie wird die Fehlermeldung angezeigt? Passwörter stimmen nicht überein

{"errors": {"password": ["Passwords donot match"]}, "status": false, "msg": "Validation erro", "error-type": 0} 

Derzeit ist mein Code

<script> 
regBox = new Vue({ 
el: "#regBox", 
    data: { 
    .......... 
    response: { 
     message: '', 
     status: '', 
     state: '', 
     errors: '', 
    } 
    }, 
methods: { 
    handelSubmit: function(e) { 
      var vm = this; 
      data = {}; 
     .............. 
      $.ajax({ 
       url: '', 
       data: data, 
       type: "POST", 
       dataType: 'json', 
       success: function(e) { 
       if (e.status) 
       { 
       alert(" Success") 

      } 
       else { 
       vm.response = e; 
       alert(" Failed") 
       } 
      } 
      }); 
      return false; 
} 
}, 
}); 
</script> 

Mein HTML-Code gleich ist

<p class="error">{{response.errors.password}}</p> 

Derzeit i Nachricht als [ "Passwörter sind immer Fehler anzuzeigen DONot Spiel "]

So erhalten Sie nur Nachrichten als

Passwörter übereinstimmen DONot .. ja, wie kann ich in der Lage, es zu bekommen .. kann

Answer 1

jemand helfen Dies sollte funktionieren:

<p class="error">{{response.errors.password[0]}}</p> 

Answer 2

Holen Sie sich das erste Element

<p class="error">{{response.errors.password[0]}}</p>