我是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>