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

最新推荐文章于 2024-05-14 11:24:44 发布
最新推荐文章于 2024-05-14 11:24:44 发布
阅读量8.1k 收藏 6
点赞数 3
分类专栏： 前端知识 文章标签： vue route
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/q610376681/article/details/86504849
版权

目录

第一章 问题

第二章 问题原因

第三章 解决方法

第一章 问题

我这里循环显示类别

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

在classifiedBooks.vue中进行接收

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

 

第二章 问题原因

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

 

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

 

第三章 解决方法

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

 

 

 

 

逆袭的小学生
关注
  • 3
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
解决父组件将子组件作为弹窗调用只执行一次created的问题
11-20
1、问题原因 因为第一调用渲染子组件后，不再对子组件的created进行调用 2、解决方法 用v-if将子组件包裹起来，因为v-if=false时可以将子组件销毁掉，再次调用时重新渲染 3、上图 初始默认dialogVisible1=false，当执行打开窗口的操作时dialogVisible1为true，当关闭窗口时dialogVisible1=false，从而每一次进入弹窗都会重新渲染整个子组件。 补充知识：vue如何每次打开子组件弹窗都进行初始化 :visible.sync 与 v-if同时使用即可。 以上这篇解决父组件将子组件作为弹窗调用只执行一次created的问题就是小编分享
vue中父子组件传值,解决钩子函数mounted只运行一次的操作
10-15
主要介绍了vue中父子组件传值,解决钩子函数mounted只运行一次的操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue 路由子组件created和mounted不起作用的解决方法
10-16
今天小编就为大家分享一篇vue 路由子组件created和mounted不起作用的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue中created和mounted方法没执行
cm159177的博客
04-06 1692
今天大意了，自己给自己整了一个问题，created方法和mounted方法没执行。以为出了什么问题呢，原来是自己不小把这两个方法写到methods里面去了。正确的是这两个方法是在外面的。搞乌龙了。记一下，下次不要再犯这种错误。 ...
vue 页面mounted created函数不执行的问题及解决方法(1)
最新发布
2201_75294326的博客
05-14 497
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！
VUE相同路由参数不同不会刷新的问题
Sodaxiang的博客
11-25 599
VUE相同路由参数不同不会刷新的问题 通常情况下，我们喜欢用keepAlive包裹router-view <div id="app"> <keep-alive > <router-view/> </keep-alive> </div> 同时在created中触发请求，在路由参数不同的情况下并不会执行对应的操作。 解决方法： 1.将需要重新加载的组件加在keep-alive的属性exclude中 &l
vue 路由映射到相同组件，crated只执行一次解决方法
qq_39930070的博客
08-21 1925
vue 路由映射到相同组件，crated只执行一次解决方法
Vue相同组件跳转不刷新，created只执行一次
Sanqianll的博客
12-12 1012
路由不刷新的相关问题解决
解决Vue中使用keepAlive不缓存问题
10-15
在Vue.js应用中，`keep-alive` 是一个特殊的组件，用于将组件的状态保留在内存中，以便在组件切换时避免重新渲染，从而提高性能。然而，在实际开发中，有时可能会遇到`keep-alive` 不起作用，即组件并未被正确缓存的...
解决vue做详情页跳转的时候使用created方法 数据不会更新问题
11-20
以上是针对Vue.js中组件数据不更新问题的常见解决方案。在实际项目中，选择哪种方式取决于项目结构、性能需求以及团队的开发习惯。正确理解和使用Vue的生命周期钩子，以及结合Vue Router和Vuex，可以帮助我们更好地...
vue不通过路由直接获取url中参数的方法示例
08-29
总结一下，Vue中不通过路由获取URL参数的方法是通过编写一个自定义的工具函数来解析URL查询字符串，然后在Vue实例中注册这个函数，以便在任何组件中都能调用。这样做可以让我们的Vue应用更好地处理那些不依赖路由的...
vue子路由跳转实现tab选项卡
10-16
在Vue.js框架中，创建一个带有选项卡功能的页面通常涉及到路由管理和组件的嵌套。在本案例中，我们将探讨如何使用Vue子路由来实现一个简单的tab选项卡布局。Vue的路由器（vue-router）允许我们定义多级路由，使得...
VUI.zip_vue_vue的ui组件
09-22
生命周期钩子函数则是在组件不同阶段执行的函数，例如`created`、`mounted`、`updated`等。 3. **样式（Style）**：组件可以有自己的CSS样式，通过局部样式隔离，确保样式只影响当前组件，避免全局样式冲突。 在...
vue多次跳转同一页面不触发created刷新数据
Front小思的博客
06-27 1066
今天遇到一个问题，就是vue中跳转同一个详情页面的时候，路由没有变化，但是后面的参数有变，需要重新触发created钩子函数来触发方法来刷新数据！
vue的create、mounted等方法只执行一次
热门推荐
qq_30908729的博客
04-08 1万+
vue的create、mounted等方法只执行一次问题 解决方法： 多个不同组件之间的切换的话create、mounted等方法每次都会执行，如果是同一种组件多个页面那种切换就只会开始执行一次，最简单的做法就是在组件标签增加key属性例如：http://www.yayihouse.com/yayishuwu/chapter/2522 ...
Vue 之 多个路由绑定同一组件造成created不执行的解决办法、created没有执行的问题
web全栈开发的博客
12-12 568
watch: { '$route' (to, from) { console.log(this.$route.params) // created to do sth. } }, 查看前端面试题
看一遍你就能学会，解决vue父组件调用子组件只执行一次方法问题
总结前端开发中遇到的问题，分享前端知识
03-06 1056
父组件调用子组件方法，居然方法只执行一次，这是什么情况？这个方法简单有效，相信你看一遍就能学会。
Vue--Router--解决多路由复用同一组件页面不刷新问题
IT利刃出鞘的博客
08-24 9276
本文介绍如何解决Vue的多路由复用同一组件页面不刷新问题。
Vue基础知识总结：数据绑定、组件、指令、生命周期和路由
Vue基础知识 本文将对Vue基础知识进行详细的...本文对Vue基础知识进行了详细的讲解和总结，涵盖了数据绑定、组件、指令、项目开发、生命周期、路由等方面的知识点，为读者提供了一个系统的和详细的Vue基础知识讲解。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值