Vue JS 在 console.log 上返回 [Object object] 并在 JSON.parse 上返回未定义

Clu*_*nce 4 javascript php json vue.js axios

所以我正在编写这个 Vue.JS 代码来显示 PHP 从服务器获取的数据。PHP 将 JSON 对象返回给 Vue,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 => {});
}
Run Code Online (Sandbox Code Playgroud)

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

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Run Code Online (Sandbox Code Playgroud)

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

undefined
Run Code Online (Sandbox Code Playgroud)

Siv*_*K V 5

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

console.log("Response From VUE JS", this.data);
Run Code Online (Sandbox Code Playgroud)