vue之router莫名其妙的bug

最新推荐文章于 2023-05-09 02:09:07 发布
最新推荐文章于 2023-05-09 02:09:07 发布
阅读量699 收藏
点赞数
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 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 900
先看下route.js//route.jsconst App = () => import('../App.vue');const Login = () => import('../component/Login.vue');const Class = () => import('../component/Class.vue');const CourseList = () =&g...
vue-router.js
12-30
vue路由vue-router.js文件下载
Vue2路由问题汇总
路在脚下，幸福在手中，莫贪！！！！！
06-08 3576
Vue2路由问题汇总
vue2.0路由切换后页面滚动位置不变BUG
liuyu5210的博客
08-26 3623
最近项目中遇到这样一个问题，vue切换路由，页面到顶端的滚动距离仍会保持不变。 a href="javascript:;" class="btn btn01" @click="useRightNow">立即试用a>个人中心 useRightNow(){ if(判断用户存在){ this.$router.push('/user') }else{
记一次关于vue-router的bug
爱吃烧烤的技术渣的博客
12-16 309
之前只知道router的name不能相同 并不知道会有什么问题发生 现在做一个项目 发现之前同事写了几个router的name都相同 现在测试发现页面刷线路由会跳转到另一个 根据排查 应该是name相同的原因 修改之后 不会有这种问题发生了 ✌记录下来 ...
vue初学篇---vue利用路由跳转页面
人生有点bug的程序员的博客
05-16 370
在前台做vue项目的时候，会遇到使用路由的情况，利用路由来进行跳转页面，这个时候通常使用下面的做法。 //在配置路由的js里面，name值与之对应 this.$router.push({ name:'login' })； //在配置路由的js里面，path值与之对应 this.$router.push({ path:'/login' })； import Vue fr...
Vue Router 最新版惊现使用 BUG
最新发布
学而不思则罔,思而不学则殆
05-09 1069
Vue Router 最新版路由守卫 路径重定向出现使用 bug 问题
vue-router之解决addRoutes使用遇到的坑
10-15
在Vue Router中，`addRoutes`是一个非常实用的API，用于在应用运行时动态地添加路由。这在处理用户权限和动态菜单时尤其有用。在上述的场景中，开发者遇到了一个问题，即在用户退出并重新登录后，浏览器控制台会显示...
vue-router-sitemap-通过vue-router配置生成sitemap.xml-Vue.js开发
05-27
vue-router-sitemap通过vue-router配置安装npm i --save vue-router-sitemap示例用法// router.js import VueRout vue-router-sitemap通过vue-router配置生成sitemap.xml安装npm我-保存vue-router-sitemap示例用法//...
vue-router3.0版本中 router.push 不能刷新页面的问题
11-30
在Vue.js应用中，Vue-Router是一个至关重要的库，它负责管理应用的路由，使得页面在不同的URL之间平滑切换。然而，在Vue-Router 3.0版本中，开发者可能会遇到一个常见问题：使用`router.push`进行页面跳转时，URL会...
Vue-Router的使用方法
12-11
使用 Vue.js 做项目的时候，一个页面是由多个组件构成的，所以在跳转页面的时候，并不适合用传统的 href，于是 vue-router 应运而生。 路由，其实就是指向的意思，当我点击页面上的home按钮时，页面中就要显示home...
【vue】vue-router传参中的一个隐藏bug : 注意this.$router和this.$route的区别
当白的技术小窝 ( git : https://github.com/canwhite )
01-17 1215
在vue-router的传参和取参过程中有一个隐藏bug 那就是传参数的时候用到的$router和取参的时候的$route的不同 这本质上是两个对象 $router为VueRouter实例，使用$router.push方法导航到不同的URL $route为当前router跳转对象，里面可以获取name、path、query、params等 类似于这个结构：  {name: "Det...
Vue-router动态路由以及一些bug
m0_59722204的博客
03-09 880
Vue动态路由就是我们的路由加载不是写死的，而是通过vue提供的或者这两个函数的功能实现的。但这里推推荐大家使用 router.addRoute , 因为 router.addRoutes 使用会有警告并且此函数在 vue-router v4.x 里被删除了。
Vue-router 路由传参及隐藏参数详解
热门推荐
qq_42044542的博客
05-25 1万+
1.路由跳转及传参形式 vue中路由中需要传递参数的话可以用query和param传递，两者类似于get和post。 先上路由配置文件 （router/index.js) const routes = [{ path: '/chat', name: 'Chat', component: Chat }, ] path 方式跳转 <router-link :to="{ path: '/chat', query: { plan: 'private' }}">Reg
vue router 子路由显示父路由页面bug处理
Marin6的博客
12-28 3110
vue router 子路由显示父路由页面bug处理。 1.场景 父路由不需要内容，只是单纯切换children中的子路由。 2.错误代码 父路由绑定了一个大页面的组件，导致切换到子路由地址时，仍然显示父级路由。 3.解决 父路由绑定一个空的router-view，可以通过render直接渲染。 4.总结 a.路由嵌套时，不需要父路由内容仍然要给父路由绑定component，不然不会显示子路由页面。 b.路由嵌套时，不需要父路由内容时，父路由可以绑定空的router-view。通过render渲染一个标
vue-router 嵌套子路由无效，不显示页面问题
潜心
10-08 5943
在中大型vue项目中，嵌套路由是避不开的话题。
Vue-router嵌套路由时父路由重复出现的问题
weixin_51173316的博客
08-31 3683
在写嵌套路由时，父路由为hi，子路由为hi2，hi3,修改前在router中是这样写的： export default new Router({ routes: [ { path: '/', name: 'HelloWorld', component: HelloWorld }, { path: '/hi', component: Hi, alias: '/greet', children:
vue-router
qq_43209768的博客
08-04 167
1.路由：单页应用的路径管理器，因为vue都是单页应用，相当于只有一个主的index.html页面，所以写a标签是不起作用的。 2.安装（如果路由使用的vue-cli已经安装路由，则不需要重复安装） npm install vue-router --save-dev --save表示将安装保存到package.json文件中。 ...
vue路由踩坑之路
psd_html的博客
07-15 2518
vue路由踩坑vue-router是我们在使用vuejs做项目时很大几率会用到的技术，之前用的比较浅，没有发现什么问题，但是后来遇到一个路由嵌套的问题，踩进去了。再次写下笔记记录 vue-router在使用路由嵌套的时候。一般情况下使用两层路由嵌套是很少会出现问题的。那么我不再描述路由的基本用法。我记录的是三层以上路由嵌套需要注意的问题 加入说我们有这样的一个需求， // 一个路由根组件app
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值