首页专栏列表和专栏详情页的文章列表问题

来源:2-12 枚举(Enum)

Hania冲鸭

2023-03-31

目前我在首页进入某个专栏详情,然后再返回首页,首页的数据就会多展示一条我之前进入的那个专栏,文章列表页是同样的情况。请问老师该怎么解决呢?
https://gitee.com/hania/zheye_hania
图片描述

写回答

1回答

张轩

2023-04-02

同学你好

问题来源在这里:

//store 108行
state.columns = {
    // 这里的data要是一个数组
    data: [...data, ...list],
    total: count,
    currentPage: currentPage
}
// 我们可以看到旧的数据会整合在新的数据之前,因为你这里没有使用优化方案,用数组就会有这个问题,它会直接
// 插入,不会覆盖

// 这里我们可以在离开 columnDetail 页面之前将数据清空一下
// 在 store 中创建一个新的mutation
clearColumns (state) {
    state.columns.data = []
},
//然后在 ColumnDetail 中离开页面的时候调用它
onUnmounted(() => {
    store.commit('clearColumns')
})

亲测有效

0
1
Hania冲鸭
明白了,谢谢老师。 其实我知道问题出在哪里,只是不知道怎么去修改它、、、 谢谢老师给出的方案
2023-04-02
共1条回复

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

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

3142 学习 · 2313 问题

查看课程