Comment obtenir des données à partir de paires clé-valeur dans Vue.js

Question

J'utilise des rails sur le backend et vue.js sur le frontend. J'essaie d'imprimer l'erreur juste au cas où. Sous .catch, j'obtiens une erreur comme ci-dessous mais je ne parviens pas à en obtenir le message. S'il vous plaît, aidez-moi à résoudre ce problème.

.catch(function (erreur) {
 débogueur
});
Dans la console, si j'essaie error.response.data.error cela renvoie '{:message=>"Le montant est inférieur à la valeur minimale"} '  Je n'arrive pas à comprendre comment obtenir uniquement le message. 


Mauvaise réponse

Answer 1

Votre back-end ne sérialise pas correctement l'objet. Le message fait donc partie d'une chaîne et non d'une propriété JSON. Si vous ne souhaitez pas changer, vous pouvez utiliser

const message = error.response.data.error.substring(
    str.indexOf('"') + 1, 
    str.lastIndexOf('"')
);