老师您好，文章详情显示异常，想让您帮我看看代码

来源：11-3 将 store 中的数组转换成对象

qq_我在时光机里找回忆

2021-02-26

首先，祝老师元宵节快乐！
我跟着做了这节课的内容，修改好了store里的mutation和getter后，从专栏列表进入专栏详情，再进入文章详情的时候，文章显示异常了——只有头图、标题和时间，作者和内容没有了。并且控制台并没有报错。
我把我的这个项目代码上传到码云了，目前的进度是到11-3节。地址是：https://gitee.com/betty_nangong/zheye_demo.git
可以帮我本地调一下吗？非常感谢您！

写回答

1回答

张轩

2021-02-27

已采纳

同学你好节日快乐

你的问题其实也很好定位单独刷新这个页面首先 fetchPost 请求是发送了的，从请求可以看出，然后当我打印 selectedPost 的时候，发现他是空的。

然后就看 mutations 中，176 行

fetchPost(state, rawData) {
    // state.posts = [rawData.data]
    // 把数据加到属性里面来
    console.log(rawData)
    // 这里你写成了
    state.posts[rawData.data_id] = rawData.data
    // 应该改成，这里少了一个点，也就是少了一个层级
    // 其实这里你可以改进一下，将 rawData 单独设置一个类型（因为我们的后端返回其实是有规律的，单独设置一个类型也很合理），利用 ts，这样就不会出现这种笔误的情况了
    // 既然我们用了 ts ，就要用好
    state.posts[rawData.data._id] = rawData.data
},

qq_我在时光机里找回忆

非常感谢老师，果然是这里的错。问题解决了

2021-03-01

共1条回复

Vue3 + TS 仿知乎专栏企业级项目

带你完成前后端分离复杂项目，率先掌握 vue3 造轮子技能

3142 学习 · 2313 问题

查看课程

相似问题

为什么跟老师的代码(3-6)一致会有这个提示呢?

回答 3

老师您帮我看一下这个递归组件的带插槽的类型报错我懵了。