文章详情页报错
来源：9-10 【学习任务】完成文章详情页的编码
Hania冲鸭
2023-03-06
进入文章详情页会报错，老师帮忙看下：https://gitee.com/hania/zheye_hania
写回答
1回答
-
张轩
2023-03-07
同学你好
原因是这样的，我们点击进入的时候，这时候 post 的数据是有的，但是是列表中简化版本的数据，这里面的数据 author 只有一个 id，没有详情，这些数据要请求单个 post 以后才有。所以我们这里要判断一下。
// PostDetail 8 行 <user-profile :user="currentPost.author"></user-profile> // 这个时候就会造成在一个字符串上取一个 avatar 的属性，自然就会报你出现的错误。 我们简单修改一下，让加载完毕以后再展示对应的 avatar <user-profile :user="currentPost.author" v-if="typeof currentPost.author === 'object'"> </user-profile> 注意这个 v-if ,就可以解决这个问题啦
还有一个小问题，是 UserProfile中
第21行，应该是 required: true 你写成了 require: true 修改完这个就不会有 UserProfile 的一些类型错误了
012023-03-07
相似问题