vue路由跳转了但是页面组件没变

已于 2022-04-14 16:03:15 修改
阅读量4.1k 收藏
点赞数 1
文章标签： vue
于 2022-04-14 15:55:43 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-NC-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/web8_zhy/article/details/124174164
版权

vue地址栏的url更改，但是没有匹配到组件
解决方法：
1.菜单用的是elementui的menu组件，index的值不能重复，注意路由文件里path和component名字是否写对。
2.如果index没重复，但还是不变。试着在routerview标签加上key

云缨·
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue 跳转同一路由,页面不刷新解决方案
qq_35897953的博客
08-10 1万+
vue 跳转同一路由,页面不刷新解决方案 问题原因 ： vue官网详细解释说明使用同一路由携带不同参数，本质上是重用相同的组件实例，默认在跳转路由时会采用缓存策略,并不会刷新当前路由组件，因此不会调用组件的生命周期挂钩 解决方案1 - 监听路由变化 官方提供的解决方案为要对同一组件更改做出反应，监听$route的变化，或者使用使用2.2中引入的beforeRouteUpdate 导航卫士，调用对应的方法 //#/mk_gsui?id=2 // 监控data中的数据变化 watch: { $r
vue 解决路由只变化参数页面组件不更新问题
10-16
当你使用Vue Router进行页面导航时，通常情况下，当路由路径发生变化时，对应的组件也会随之更新。然而，在某些情况下，如果路由只变化了查询参数（即URL中`?`后面的部分），而路径本身保持不变，Vue Router默认不会...
【vue-router】关于在vue3项目中使用vue-router碰到的坑(路由跳转但是页面不更新)
RanDoll_的博客
05-22 7995
首先来说第一个问题，解决思路很简单，就是在路由跳转的时候重新加载组件嘛，只需要给router-view添加一个和路由变化时相关的key就可以了，这样在渲染虚拟dom的时候算法就会判断两次的组件是有区别的，虽然看起来很简单，但是作者一开始没想到这个地方，使用了状态管理器，自定义事件等等方法，现在想来这些方法有些还是能成功奏效的，但是由于第二个问题的存在，这些问题都失败了。
vue3 路由切换后，页面不显示内容，刷新后正常显示
最新发布
qq_45469341的博客
05-27 1423
这个白屏问题我是第一次遇到，所以想完整记录一下，本文也借鉴了一下别人的。
vue router路由跳转了，但页面没有变
lwj1372391870的博客
06-29 4423
vue router路由跳转了，但页面没有变
解决Vue的router-link路由跳转但页面没有刷新问题
weixin_49884716的博客
11-15 4238
vue
关于vue路由跳转后的页面不会刷新的解决办法
qq_51632935的博客
10-11 1万+
关于vue路由跳转后的页面不会刷新的解决办法
vue相同路由跳转强制刷新该路由组件操作
10-14
在Vue.js应用中，路由是...在进行路由跳转和组件刷新时，理解Vue Router的工作原理至关重要，这可以帮助我们编写出更加灵活且可维护的代码。同时，遵循最佳实践和避免常见错误，如路由命名冲突，也能提高应用的质量。
vue路由拦截及页面跳转的设置方法
08-27
Vue 路由拦截及页面跳转的设置方法 Vue 路由拦截及页面跳转的设置方法是 Vue 应用程序中常见的需求，本文将详细介绍如何实现路由拦截及页面跳转的设置。 一、路由设置 在 Vue 中，我们可以使用 Vue Router 库来...
vue 实现路由跳转时更改页面title
10-16
今天小编就为大家分享一篇vue 实现路由跳转时更改页面title，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue在App.vue文件中监听路由变化刷新页面操作
10-14
主要介绍了vue在App.vue文件中监听路由变化刷新页面操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
解决vue+router路由跳转不起作用的一项原因
11-20
如下所示： Vue.use(Router) export default new Router({ mode:'history', routes: [ { path: '/', component: Login }, { path: '/login', component: Login }, { path: '/register',component: Register}, {path: '/*', component: NotFound}, ] }) 记得要写上 mode:’history’, 原因如下 补充知识：vue-router配置后地址栏输入跳转不
vue-router 点击router-link to，地址栏不变的问题
weixin_51300999的博客
03-20 4409
浅浅的写一下的踩坑。 在router的index.js里面挂载了导航守卫 // 挂载路由导航守卫 router.beforeEach((to,from,next) =>{ // to将要访问的路径 // from 代表从哪个路径跳转而来 // next是一个函数,表示放行 // next()放行next('/login')强制跳转 if (to.path === '/login') return next() // 获取token const tokenS
vue-router路由导航url已改变，但未跳转至对应组件
mmsmsmm的博客
08-25 3595
vue-router路由导航url已改变，但未跳转至对应组件
vue路由切换组件没有加载_vue-router 路由跳转后没有加载组件
weixin_33497944的博客
02-22 1689
router.js 路由部分export const normalRouter = {path: '/',meta: {login: false},component: () => import('@/views/normal/home'),redirect: '/pagelist',children: [{name: 'normalPageList',component: () =>...
Vue常见问题——Vue路由跳转、切换、返回页面不刷新问题
热门推荐
一个女胖子的博客
10-09 1万+
前言 最近用iview-admin做后台管理系统，遇到了个问题，列表页面点击进入详情页面编辑，编辑完成自动跳转到列表页，需要页面重新刷新请求列表（后管就是这么简单粗暴），然并卵~，再次回到列表页页面不会重新刷新；问题很好解决，因为iview-admin的路由设置会默认缓存页面notCache:false,因此我直接设置notCache:true就ok了，页面可以重新刷新。但是我觉得这个问题简单也不简单，所以参考网上一些文章加上自己之前遇到过得一些相似问题小结一下； 针对不同的需求分为两部分： 一、需求—
vue路由跳转的时候，组件的值不更新的问题
ganlubaba666的博客
06-25 1686
1.背景 最近在写项目时，使用router-view复用组件，但是产生了一个问题：即使路由改变了，但是使用router-view复用的组件之间在跳转的过程中不刷新。 具体：我想从别的用户的快捷周报进入我自己的快捷周报页面时，router-view复用的组件内容不进行刷新。 2.解决办法 给router-view设置key值，不同的key值可以表明它们不是同一个组件，这样组件的内容就会进行更新。为...
Vue 面包屑三级路径改变但页面不跳转解决方案
往事随风
12-14 3913
Vue 面包屑三级路径改变但页面不跳转解决方案
element 导航菜单，嵌套路由初始化时，页面导航菜单选中，但是页面内容不变的解决办法。
xuerwang的博客
08-17 9325
问题描述： <template> <div class="detail-middle"> <el-menu router default-active="/pointDetail/:id/firePointMap" class="el-menu- demo" mode="horizontal">
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值