通过push方式，实现路由跳转的一个bug，连续点击会报错

已于 2022-03-24 04:33:46 修改
阅读量315 收藏
点赞数
文章标签： vue.js
于 2022-03-24 04:25:48 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhuyuan123456/article/details/123701206
版权

前端开发 路由 异常处理 代码优化 编程实践
关键词由CSDN通过智能技术生成

解决方案在下面

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBASlNPTlDvvIQ=,size_20,color_FFFFFF,t_70,g_se,x_16

但是这种写法太麻烦了，每次跳转页面都要捕获异常，因为为了方便我们可以将这个捕获异常写在路由的原型对象上

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBASlNPTlDvvIQ=,size_20,color_FFFFFF,t_70,g_se,x_16

 

 

JSONP＄
关注
在vue中路由传递参数
weixin_43709908的博客
11-29 789
1.router-link传参 1. 不带参数 <router-link :to="{name:'home'}"> <router-link :to="{path:'/home'}"> //name,path都行, 建议用name // 注意：router-link中链接如果是'/'开始就是从根路由开始，如果开始不带'/'，则从当前路由开始。 2.带参数 <ro...
实现修改框架中的菜单部分，点击展开菜单直接跳转到第一个孩子的功能
m0_56666791的博客
09-26 307
这个代码是基于element plus的，里面的const defaultActive = computed(() =>!)就是这个ui框架的默认的方法。所以这个方法在所有element plus的菜单中都适用。
页面跳转push跳转传参和取参
weixin_43883260的博客
10-13 331
//页面跳转 this.$router.push({ name：“appleIndex”， //query是传递的参数 query: { appid:123,name:123} }) appleIndex页面获取参数如下 created() { this.id = this. $ route.query.appid ? this.$ route .query.id : “”; this.name = this. $ route.query.name? this.$ route .query.name: “”
modal push 跳转返回
04-10 437
React 中常用的几种路由跳转方式
最新发布
outstanding木槿
10-25 4136
一、push跳转。
路由跳转push和replace的区别
ourring的博客
05-10 1306
在Vue.js中，和都用于改变当前路由并导航到另一个路由。
vue2.0路由切换后页面滚动位置不变BUG的解决方法
08-27
在路由跳转时，Vue 会将页面滚动到顶部，这是因为 Vue 的路由机制会将页面滚动到顶部，而不是保持之前的滚动位置。 Watch 机制 在 Vue 中，watch 机制是一个非常重要的机制，用于监测数据的变化。当数据变化时，...
react路由配置,路由跳转与传值,路由监听
wlt_5079的博客
06-21 5118
1.react路由配置 2.react路由跳转和传值 3.react路由监听
Vue router / Element 重复点击导航路由报错解决方法
lsh159745的博客
04-25 1147
写 Vue 项目中，使用 Element-ui 重复点击导航路由会报错，报错信息如下： 虽然此报错并不会影响项目运行，但是作为一个强迫症的码农的确受不了error，解决方法如下： 方法①：把项目依赖的 node_modules 文件夹删除， 然后再 npm install 重新下载依赖包，如果安装的 vue-router 还是之前出错的那个版本，在项目目录下运行 npm i vue-router...
this.$router.push路由跳转404
05-09
如果使用的是Vue.js的路由，当你使用this.$router.push进行路由跳转时，如果跳转的路由不存在，就会出现404错误。这通常是因为你的路由配置有误，或者你的路由跳转代码有误。 首先，请确保你的路由配置正确，可以...
vue中push路由跳转只跳转路径，不跳转页面
茂茂的博客
08-10 9650
vue中push路由跳转只跳转路径，不跳转页面 最近我在做毕设时，遇见了一种情况，就是我们从一个页面跳转到另外一个页面时，一般会在方法中去this.$router.push(’/xxx’)。这样就会跳转到我们在路由模块中所配置的页面及其对应的组件。 比如说这里 我们需要从当前的login页面跳转到home页面，下面是路由模块的配置 首先是要引入我们所写的home模块，然后对路由进行配置 这里配置好了我们直接进行跳转，但是却发生了只跳转路径，不跳转页面的情况发生 这里的页面不为所动，我在网上查找了一
vue.js中router.push跳转页面、带参数、设置参数的方法
flting1017的博客
09-04 3万+
router.push(location) 在vue.js中想要跳转到不同的 URL，需要使用 router.push 方法。 这个方法会向 history 栈添加一个新的记录，当用户点击浏览器后退按钮时，则回到之前的 URL。 当你点击 &lt;router-link&gt; 时，这个方法会在内部调用，所以说，点击 &lt;router-link :to="..."&gt; 等同于调用 r...
VueRouter: this.$route.push跳转,携带参数
热门推荐
天涯芳草
04-26 4万+
this.$router.push传递参数有2种方式： 传递参数-- this.$router.push({path: ' 路由 ', query: {key: value}}) 参数取值-- this.$route.query.key 使用这种方式，传递参数会拼接在路由后面，出现在地址栏. 传递参数-- this.$router.push({name: ' 路由的name ', params: {key: value}}) 参数取值-- this.$route.params...
this.$router.push跳转页面携带参数
qq_39176307的博客
05-07 1万+
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、params和query使用方式二、实现代码1.index.js代码2.test.vue代码3.testParams代码4.testParams代码5.效果总结 前言 this.$router.push进行页面跳转时。携带参数有params和query两种方式。 一、params和query使用方式 query方式： this.router.push(path:′testQuery′,query:testQuery:′t.
【解决】this.$router.push跳转到另一个页面mounted事件不执行。拿不到this. $route.query的值。（vue2/vue3））
huangfuyk.的博客
08-14 3248
使用this.$router.push({path: ‘xxxx’, query: {id: “1”}})跳转到“xxxx”页面时，发现跳转成功且地址栏显示id=1，但是在该页面的mounted方法里却拿不到this. $route.query.id的值。发现该页面在app.vue文件中被。...
present和push混用，再跳转回来的问题
qtds8810的博客
12-16 2765
项目中多处界面需要跳转到登录界面，方式有的是present，有的是push，但是跳转回来的时候二者有一个总有问题。 解决办法：在跳转回来的代码中通过遍历解决。 贴上代码，希望对大家有所帮助。代码如下： 1、其中的一个界面present进来的： UserManagerViewController *userManagerVC = [[UserManagerViewControll
vue.js中router.push跳转页面方法
qq_29738977的博客
01-02 2867
在vue.js中想要跳转到不同的 URL，需要使用 router.push 方法。 这个方法会向 history 栈添加一个新的记录，当用户点击浏览器后退按钮时，则回到之前的 URL。 当你点击 时，这个方法会在内部调用，所以说，点击 等同于调用 router.push(…)。 声明式：&amp;lt;router-link :to=&quot;...&quot;&amp;gt; 编程式：router.push(...) 该...
push方法的页面间跳转--
快乐驿站
07-26 3158
一，自定义动画写push方法--添加coreGraphics.framework框架 在CATransitionAnimation.h文件里面引入-- #import @interface CATransitionAnimation : UIViewController //用CATransition重写viewControlller的push方法--1 -(void)customPushVi
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值