今天写博客获取评论模块,需要从父组件向子组件传递topicId,但评论一直不显示
子组件:
export default {
name: "CommentView",
prop: ['topicId'],
components: { AddComment },
data() {
return {
comments: []
};
},
created() {
this.fetchComment()
},
methods: {
fetchComment() {
getComments(this.topicId).then(value => {
console.log(this.topicId)
const {data} = value
this.comments = data
})
}
}
父组件中向子组件传值:
<Comment-view :topicId = "topic.id"></Comment-view>
在父组件和子组件中分别输出传递的参数,父组件显示正常,子组件显示undefined
问题的解决:
检查了好久发现居然是子组件中prop少加了s!!!
还需要更细心一些,没有了代码报错提示,总是出现不注意的拼写错误