Vue 多个路由绑定同一组件造成created不执行的解决办法

男娘i 2022-03-26 07:48 601阅读 0赞

目录

第一章 问题

第二章 问题原因

第三章 解决方法


第一章 问题

我这里循环显示类别

20190116112437453.png

20190116111940922.png

当点击类别时进行相应的跳转

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3E2MTAzNzY2ODE_size_16_color_FFFFFF_t_70

在classifiedBooks.vue中进行接收

20190116113034665.png

然后发现categoryId只会更新一次,也就是说这个classifiedBooks.vue的created函数只执行了一次,所以我无论点上面的哪一个类别显示的都是一个类别

第二章 问题原因

官方解释:https://router.vuejs.org/zh/guide/essentials/dynamic-matching.html

2019011611333277.png

比如都访问user组件,传送到参数分别foo和bar,user组件只会使用一次.

第三章 解决方法

在classifiedBooks.vue中利用watch监听路由参数的变化,路由参数变化时刷新对应的变量即可.

20190116113625455.png

发表评论

表情:
评论列表 (有 0 条评论,601人围观)

还没有评论,来说两句吧...

相关阅读