Question

这是我的回复..如何显示错误信息？密码不匹配

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

目前我的代码是

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

我的html代码显示相同的是

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

目前我收到错误消息 [＆＃34;密码不匹配＆＃34;]

如何仅将消息作为

密码不匹配..所以，我怎么能够得到它..任何人都可以帮助

Answer 1

这应该有效：

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

Answer 2

获取第一个元素

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

如何使用vue js显示以下响应？

2 个答案: