Vue.js TypeError：消息无法读取未定义的属性“ singlePost”

Question

我在vue.js中有一个博客，我想分别预览每个帖子。 我这样做>

export default{
  name: 'post',
  props:['id'],
  data(){
    return {
      singlePost: { }
    }
  },
  created() {
    BlogPostsApi.getPost(this.id)
      .then(response => {
        console.log(response)
        this.singlePost = response.data
      })
  }

在blogPosts.js中，我有此代码>

import axios from'axios';
export default{
  getPost (id) {
    return axios.get('http://localhost:8000/api/posts/ddc/' + id)
      .then(response => {
        debugger
        return response.data
      })
  }
}

调试时出现此错误消息无法读取未定义的属性“ singlePost”

Answer 1

 created() {
var self = this
    BlogPostsApi.getPost(this.id)
      .then(response => {
        console.log(response)
        self.singlePost = response.data
      })
  }

问题已经解决了