vue之router莫名其妙的bug

最新推荐文章于 2023-05-09 02:09:07 发布
最新推荐文章于 2023-05-09 02:09:07 发布
阅读量678 收藏
点赞数
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a66666_/article/details/114575283
版权

bug情景一：子路由跳转失败，不管你怎么跳转，怎么设置就是跳转不过去。当时遇到这bug就感觉莫名其妙。

bug代码是这样的：

bug是因为title！！没错就是title，子路由取名要符合父路由的title，解决就是修改子路由的title

 

刘大铿
关注
专栏目录
vue 同一个页面路由无反应_解决vue-router 嵌套路由没反应的问题
weixin_39568232的博客
01-30 886
先看下route.js//route.jsconst App = () => import('../App.vue');const Login = () => import('../component/Login.vue');const Class = () => import('../component/Class.vue');const CourseList = () =&g...
vue中的keep-alive页面缓存
zy的博客
02-15 1347
目录 概念 作用 原理 props 生命周期函数   1. activated   2. deactivated 常用的使用方法 使用场景 缓存所有页面 根据条件缓存页面 结合Router，缓存部分页面 概念 keep-alive 是Vue的内置组件，当它包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 transition 相似，keep-alive是一个抽象组件：它自身不会渲染一个DOM元素，也不会出现在父组件链中；使用keep-alive包裹动态组件时，...
Vue2路由问题汇总
路在脚下，幸福在手中，莫贪！！！！！
06-08 3522
Vue2路由问题汇总
vue2.0路由切换后页面滚动位置不变BUG
liuyu5210的博客
08-26 3608
最近项目中遇到这样一个问题，vue切换路由，页面到顶端的滚动距离仍会保持不变。 a href="javascript:;" class="btn btn01" @click="useRightNow">立即试用a>个人中心 useRightNow(){ if(判断用户存在){ this.$router.push('/user') }else{
记一次关于vue-router的bug
爱吃烧烤的技术渣的博客
12-16 297
之前只知道router的name不能相同 并不知道会有什么问题发生 现在做一个项目 发现之前同事写了几个router的name都相同 现在测试发现页面刷线路由会跳转到另一个 根据排查 应该是name相同的原因 修改之后 不会有这种问题发生了 ✌记录下来 ...
vue初学篇---vue利用路由跳转页面
人生有点bug的程序员的博客
05-16 354
在前台做vue项目的时候，会遇到使用路由的情况，利用路由来进行跳转页面，这个时候通常使用下面的做法。 //在配置路由的js里面，name值与之对应 this.$router.push({ name:'login' })； //在配置路由的js里面，path值与之对应 this.$router.push({ path:'/login' })； import Vue fr...
vue使用keep-alive缓存页面优化项目
m0_62351434的博客
02-15 172
概念 keep-alive 是 Vue 的内置组件，当它包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 transition 相似，keep-alive 是一个抽象组件：它自身不会渲染成一个 DOM 元素，也不会出现在父组件链中。 作用 在组件切换过程中 把切换出去的组件保留在内存中，防止重复渲染DOM，减少加载时间及性能消耗，提高用户体验性 原理 在 created钩子函数调用时将需要缓存的 VNode 节点保存在 this.cache 中／在 render（页面渲染） 时，如果 VNode
基于vue2框架的机器人自动回复mini-project
大康子
06-12 1572
这是一个mini-project，主要是基于vue2.0的一个移动端的机器自动回复小项目，下面是我的一个回顾总结https://github.com/xuweikang/rebotChat 1. 项目搭建 在开始该项目之前，使用vue-cli脚手架搭建整个projec//安装vue-cli npm install vue-cli //初始化项目 rebotChat是我的项目
2019前端面试题（深圳）
逍遥的博客
07-12 3396
来深圳面试了10多家公司，总结一些面试题。 MVC,MVVC,MVVM模式的理解 1.MVC(Model-View-Controller) Model(模型):数据层，负责存储数据。 View(视图):展现层，用户所看到的页面 Controller(控制器):协调层，负责协调Model和View，根据用户在View上的动作在Model上作出对应的更改，同时将更改的信息返回到View上。 三者之...
做前端技术方案选型的时候，你是怎么做决策的？
qq_38822390的博客
08-28 1325
最近在知乎上看到的一个提问做前端技术方案选型的时候，你是怎么做决策的？想起一年来自己所做的项目，全都是一个人在做选型，能力也在一步步中培养起来。 最重要的是看项目需求，决定前端技术方案选型 大大小小的项目做过很多，就拿一些做过的项目来举例吧 1：pc端网站 刚刚去公司那会，接手网站的时候，后台是用wordpress搭建的，php语言支持，网页部分用的是jQuery+bootstrap，只...
浅谈vue-router2路由参数注意的问题
11-27
1、vue 路由 如果传递 params 定义路由的时候是 /路由名称：id 获取的时候 this.$route.params.id 最后形如 /路由名称/路由参数 传参的时候 params:{ str1:str1, str2:str2 } 2、如果传递query ?id=str…. 定义路由的时候直接是 /路由名称 获取的时候 this.$route.query.id 传参的时候 data:{ str1:str1, str2:str2 } 以上这篇浅谈vue-router2路由参数注意的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多
Vue Router 最新版惊现使用 BUG
最新发布
学而不思则罔,思而不学则殆
05-09 1003
Vue Router 最新版路由守卫 路径重定向出现使用 bug 问题
【vue】vue-router传参中的一个隐藏bug : 注意this.$router和this.$route的区别
当白的技术小窝 ( git : https://github.com/canwhite )
01-17 1176
在vue-router的传参和取参过程中有一个隐藏bug 那就是传参数的时候用到的$router和取参的时候的$route的不同 这本质上是两个对象 $router为VueRouter实例，使用$router.push方法导航到不同的URL $route为当前router跳转对象，里面可以获取name、path、query、params等 类似于这个结构：  {name: "Det...
关于Vue router可能会出现的bug
Grey的博客
10-27 523
1.对于addRouter添加的路由 在刷新时,可能白屏 解决方案: if (xxxxxxxxxx) { // 省略其他... // 解决刷新出现的白屏bug next({ ...to, // next({ ...to })的目的,是保证路由添加完了再进入页面 (可以理解为重进一次) replace: true // 重进一次, 不保留重复历史 }) } else { next() } 2.发现菜单异常(控制台提示重复路由) 原因:.
vue router 子路由显示父路由页面bug处理
Marin6的博客
12-28 3042
vue router 子路由显示父路由页面bug处理。 1.场景 父路由不需要内容，只是单纯切换children中的子路由。 2.错误代码 父路由绑定了一个大页面的组件，导致切换到子路由地址时，仍然显示父级路由。 3.解决 父路由绑定一个空的router-view，可以通过render直接渲染。 4.总结 a.路由嵌套时，不需要父路由内容仍然要给父路由绑定component，不然不会显示子路由页面。 b.路由嵌套时，不需要父路由内容时，父路由可以绑定空的router-view。通过render渲染一个标
vue-router 嵌套子路由无效，不显示页面问题
潜心
10-08 5840
在中大型vue项目中，嵌套路由是避不开的话题。
【bug】路由跳转新页面，在新页面刷新后又出现新页面
花椒和蕊的博客
12-15 564
bug
Vue router-link使用的坑
暗影刀客的博客
10-22 9972
####最近上手VUE，整体配置全部使用默认的配置，但是Route-link就是不跳转 这是我src的项目目录 这是router/index.js的代码，虽然和网上搜的其他的代码截图，整体没毛病，声明并导出了Vue-router的实例 import Router from 'vue-router' import Main from '@/components/Main' import Atten...
vue 路由跳转，导致页面样式错乱，刷新又好了的情况
热门推荐
魏晋-
03-05 1万+
在项目开始的时候，把所有的代码都码好。在页面跳转的时候总有几个页面，在跳到该页面时样式全错位了，但是刷新一下就又好。而且我在每个组件页面里面写的公共样式css，都删除掉scoped,这种情况下，跳转后页面的样式会沿用了前一个页面的样式，导致页面错乱。 解决办法:在跳转前和跳转后页面的style上加上scoped，把公共样式写到分别写到子组件就OK了 <style scoped&...
Vue-Router路由基础教程：简单案例解析
"vue-router路由简单案例介绍 - 一个关于vue-router使用详解的文章，分享了基本用法和组件渲染。" 在Vue.js应用中，vue-router是官方推荐的路由管理库，它使得页面间的导航和状态管理变得简单。这篇文章主要讲解了...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值