vue js无法读取属性'数据'未定义*

时间:2017-05-30 02:14:17

标签: javascript vue.js

我是vue js的新手。

this.comments.unshift(response.body.data);不起作用。

我没有使用json(),如 this.comments.unshift(response.json()。data); this.comments = response.json()。data; < / strong>因为使用json()不显示任何注释。我刚搜索过,有人提到使用&#39; body&#39;而不是json()。

在数据库中保存注释正在运行。唯一的问题是显示没有刷新页面的新评论不起作用。

这些是错误消息

[Vue警告]:渲染功能出错:&#34; TypeError:无法读取属性&#39;数据&#39;未定义&#34;  TypeError:无法读取属性&#39;数据&#39;未定义的

非常感谢。

<script>
export default {
    data () {
        return {
            comments: [],
            body: null
        }
    },
    props: {
        postid: null
    },
    methods: {
        getComments () {
            this.$http.get('/blog/' + this.postid+ '/comments').then((response) => {                    
                this.comments = response.body.data;
            });
        },
        createComment () {
            this.$http.post('/blog/' + this.postid+ '/comments', {
                body: this.body
            }).then((response) => {
            //  console.log(this.body);
                this.comments.unshift(response.body.data);
                this.body = null;
            });
        }
    },
    mounted () {
        this.getComments();
    }   }

</script>

0 个答案:

没有答案