vue项目 遇到了跳转外部网址的时候 再返回原路由的时候 组件的点击事件跑偏 （谷歌浏览器中出现问题）

最新推荐文章于 2025-03-05 23:54:38 发布
最新推荐文章于 2025-03-05 23:54:38 发布
阅读量2k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/web_zq/article/details/89404786
版权

vue项目 遇到了跳转外部网址的时候 再返回原路由的时候 组件的点击事件跑偏 （谷歌浏览器中出现问题）

移动 h5 项目 如果是路由跳转项目中的路由 返回原路由的时候没有任何问题 但是尝试跳转到谷歌 再点击浏览器中的返回按钮 返回到原网页 元素没有跑偏 点击的时候并没有触发事件 点击元素下方 可能会触发事件 估计是浏览器的问题 在真机测试无问题

web_zq
关注
vue中组件的props属性（详）
蜗牛~~
10-28 18万+
今天这篇文章，让你彻底学会props属性…… props主要用于组件的传值，他的工作就是为了接收外面传过来的数据，与data、el、ref是一个级别的配置项。
04 Vue项目中一旦需要切换路由你立刻要想到的几个问题点
xingyu_qie的专栏
04-18 3424
本文重要讲述Vue项目路由切换的时候，你需要立刻想到的几个问题点
chrome 浏览器 vue 点击事件位置错乱？
4G/5G随身WiFi专业DIY改装
08-29 468
1. 确保在Vue组件中使用了适当的CSS布局属性：确保你的元素的父元素有适当的定位属性，例如`position: relative;可以使用Chrome浏览器的开发者工具检查元素的相关CSS样式，并尝试禁用或修改冲突的样式。如果在Chrome浏览器中，Vue的点击事件的位置出现错乱，可能是因为Chrome浏览器对一些CSS属性的解析和渲染方式与其他浏览器不同，导致元素的位置计算出现偏差。如果以上方法都无效，可能需要进一步调查和分析具体的代码和样式，以确定导致位置错乱的原因，并进行相应的调整。
浏览器点击返回时，上个页面混乱
lk1991525的专栏
03-08 1614
从当前也么跳转到其他页面后，点击浏览器返回按钮后返回前页面时，页面状态会混乱（checkbox乱选中等等）。解决方案：重新刷新该页面，使js脚本重新调用。 具体代码： 在onload或者全局位置加入 if(window.name!="hasLoad"){ //alert('这是后退后的页面'); location.reload(); window.name = "
Vue中使用路由互相切换页面时，页面数据丢失问题解决措施
最新发布
qq_44215191的博客
03-05 291
keep-alive
vue 返回上一页&跳转到其他页面
weixin_48702807的博客
09-30 615
返回上一页 this.$router.back(); this.$router.go(-1); 跳转到其他页 this.$router.push('/home'); // html5 的 history 模式： pushState this.$router.replace('/home'); //返回不了上一页
h5点击区域和实际区域对不上
weixin_30657541的博客
04-23 572
点击区域和实际区域对不上 然后点击后触发的其实是上面的区域，会导致事件触发错误 转载于:https://www.cnblogs.com/lichuntian/p/10757934.html
vue路由的跳转，回退出现的问题（粗心所致）
Z_CiXi的博客
06-21 672
我找到同学要了它的代码，发现他不但写了router-link，还写了this.$router.push(),用编程式路由传参跳转，标签式路由也跳转，这不就冲突了。遇到一个前端同学，说时遇到了一个问题，vue路由跳转过去有参数，回退的话就需要回退两次，而且回退第一次参数就丢失了。后面我又试了试a标签，同样也会发类似的问题。各位同学写代码的时候要细心一下。我想了想问题的关键，路由可以跳转，但是回退参数会丢失。
Vue学习笔记（五）Vue2页面跳转问题 | vue-router路由概念、分类与使用 | 编程式路由导航 | 路由组件的缓存 | 5种路由导航守卫 | 嵌套路由 | Vue2项目的打包与部署
希望每天都能进步一点点
06-25 2990
Vue学习笔记（五）Vue2页面跳转问题 | vue-router路由概念、分类与使用 | 编程式路由导航 | 路由组件的缓存 | 5种路由导航守卫 | 嵌套路由 | Vue2项目的打包与部署
vue4 跳转外部链接_vue项目跳转到外部链接
weixin_39969881的博客
12-20 4022
vue项目中遇到一个打印的功能。思考之后决定点击按钮，跳转到一个HTML页面(后台写的)，利用window.print()方法调用浏览器的打印的功能。所以，现在的问题是，怎样跳转到外部链接。开发vue项目的人都知道，vue项目会分为三个版本：开发，测试，生产，我们可以在config文件夹下面的dev.env.js，prod.env.js，test.env.js配置路径。所以我们就会遇到跨域的问题。...
Vue3 - 在纯 js/ts 文件中实现路由跳转与获取路由参数功能，在外部 js 文件里拿到路由实例进行页面跳转和路由传参获取等（完美解决纯 js/ts 文件内无法获取路由问题，提供详细示例源码）
王佳斌
10-17 3671
vue3在纯js文件中实现路由跳转，vue3如何在纯tsjs文件中使用vue-router路由跳转页面，vue3项目在一个js文件中怎么使用router路由跳转页面，vue3的js文件中使用router，useRouter和useRoute打印为undefined怎么解决，jsts文件中vue-router是undefined，vue3网页怎么在某个js文件里拿到路由，vue3如何在.ts文件中获取路由传递的参数，在js文件里操作vue-router路由，在外部js文件中获取当前路由，vue3如何在外部
vue项目中跳转到外部链接方法
热门推荐
gang456789的博客
09-27 12万+
当我们在文件中，如果是vue页面中的内部跳转，可以用this.$router.push()实现，但是如果我们还用这种方法跳到外部链接，就会报错，我们一看链接的路径，原来是我们的外部链接前面加上了http://localhost:8080/#/这一串导致跳转出现问题，那么我们如何跳转到外部链接呢，我们只需用 window.location.href = ‘url’来实现，具体代码如下： <span
关于vue脚手架一个页面刷新页码或者直接房屋url跳回首页的问题
lsh499742959的专栏
05-19 608
关于vue脚手架一个页面刷新页码或者直接房屋url跳回首页的问题
解决因设置zoom引起的下拉框偏移
qq_42489794的博客
05-30 2122
在这里我有两种方法解决，如有有其他的方法欢迎补充。1、在下拉框样式补充zoom。
Ant Design vue中select下拉框组件偏移问题
first_shun的博客
09-12 5088
当使用antdesign vue中的select出现下拉框位置偏移的时候
VUE3.0 路由跳转之后页面停留在上一个浏览页面位置不会回到顶部问题
七月
05-29 1879
方式一：普通用法，vue2.0也可用。方式二： setup 语法糖时。
Vue跳转到另一页面后如何返回原来的页面
qq_44573359的博客
07-06 4732
将跳转前的url路径编码后作为query参数传到另一页面中，在另一页面中解码参数获得跳转前的url路径，利用window.open()跳转回原来的页面。 2.解码
Vue如何在原窗口与新窗口打开外部链接
Mjxiaomihu的博客
07-18 2万+
Vue如何在原窗口与新窗口打开外部链接
zoom缩放后导致element-ui下拉框位置偏移的解决
m0_47132924的博客
09-06 7090
zoom缩放后导致element-ui下拉框位置偏移的解决
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值