columnDetail中watch动态路由问题

来源:10-6 完成删除文章功能

carson__

2021-09-02

图片描述

张老师好,有个问题无法解决,想请教一下你。columnDetail是一个动态路由,所以我使用watch监听路由id,当我点击头部的"我的专栏"时,路由id发生改变后,watch中重新dispatch,都没问题,都正确显示“我的专栏”信息,但是当我进入到“我的专栏”下的任何一篇文章时再回退或者点击header的“者也专栏”时都会报错,这是为什么?我把columnDetail的watch代码注释了就什么问题都没有

写回答

3回答

张轩

2021-09-06

同学你好 原因就是 你在这里监听的变化是一直生效的 所以到了首页也在发请求,但是现在 id 根本不存在,所以就出现了错误,所以我们必须要判断一下。确定这个 watch 只有到 用户专栏页面才发请求。

你可以看一下我在develop 分支的实现,就豁然开朗了。

https://git.imooc.com/coding-449/zheye/src/develop/src/views/ColumnDetail.vue#L44


0
1
carson__
终于明白了,学到非常多的知识点,多谢老师的解答
2021-09-06
共1条回复

张轩

2021-09-05

同学你好 你的源码 package.json 并没有提交,在本地跑不起来,请记住,下次提交将根目录的所有内容都提交一下,这样才能更好更方便的运行你的代码。要提交的内容的例子有可能如下图。

//img.mukewang.com/szimg/61341aa30924bb0606200618.jpg

0
1
carson__
好的,明白了老师,不好意思。代码已经重新提交,我重新生成公钥私钥,地址变成这个: https://git.imooc.com/carson5463769-/vue_zheye.git
2021-09-05
共1条回复

张轩

2021-09-03

同学你好 从报错来看是 某些操作导致 columnList 的 column 变成了 null,然后再在上面取值造成的错误,如果方便的话,请把源代码提供给我一下,我在本地帮你看看具体的原因,谢谢

0
1
carson__
好的老师,源码src已经提交到:https://git.imooc.com/carson5463769-/vue_zhihu.git
2021-09-04
共1条回复

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

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

3142 学习 · 2313 问题

查看课程