How to display following response using vue js?

Question

This is my response.. How to display the error message? passwords do not match

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

Currently my code is

<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>

My html code to display the same is

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

Currently i am getting error message as ["Passwords donot match"]

How to get only message as

Passwords donot match.. so, how can i able to get it.. can anybody help

Michał Perłakowski · Accepted Answer · 2017-11-17 13:57:50Z

3

This should work:

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

answered Nov 17, 2017 at 13:57

Michał Perłakowski

93.3k30 gold badges165 silver badges189 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Nisal Edu · Accepted Answer · 2017-11-17 14:00:57Z

2

Get the first element

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

answered Nov 17, 2017 at 14:00

Nisal Edu

7,6294 gold badges32 silver badges38 bronze badges

Collectives™ on Stack Overflow

How to display following response using vue js?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related