Vue.js TypeError:消息无法读取属性' singlePost'未定义的

时间:2018-06-05 06:14:40

标签: javascript vuejs2 vue-component

我在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'未定义的

1 个答案:

答案 0 :(得分:-1)

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

问题解决了