首页 > 解决方案 > Vue JS 在 console.log 上返回 [Object object] 并在 JSON.parse 上返回 Undefined

问题描述

所以我正在编写这个 Vue.JS 代码来显示 PHP 从服务器获取的数据。PHP 向 Vue 返回一个 JSON 对象,而 VUE 必须显示它。我目前的代码是:

  axiosPost();
}
function axiosPost()
{
 axios.post(
  './ConversationGetter.php',
  {
    function2call: 'getRecord',
    id: 1,
    access: this.accesstoken
  }

)
.then(response =>  {this.data=response.data;
console.log(response.data);
console.log("Response From VUE JS"+this.data);

})
.catch(error => {});
}

问题是,首先console.log正确打印响应数据。但第二个console.log显示这个:

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

如果我在显示数据时使用 JSON.parse,它会显示:

undefined

标签: javascriptphpjsonvue.jsaxios

解决方案


“+”运算符在第二个控制台语句中转换为字符串。请把它改成“,”如下?

console.log("Response From VUE JS", this.data);

推荐阅读