vue 导航路由跳转点击两下，才会有选择中状态解决方案

最新推荐文章于 2023-06-02 17:09:22 发布
最新推荐文章于 2023-06-02 17:09:22 发布
阅读量1.6k 收藏 5
点赞数 1
分类专栏： 导航栏双击有选中状态解决方案 文章标签： vue.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/armof/article/details/120267678
版权

1.vue 导航路由跳转点击两下，才会有选择中状态
2.问题本质是传递激活状态
3 在data面 **curren：0，**改进为 **current:this.$route.query.current | 0,

4.在点击时间里面添加
this.$router.push({path:toPath,query:{current:index}})

念了半位旧人
关注
  • 1
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue路由切换页面不更新问题解决方案
10-15
主要介绍了Vue路由切换页面不更新问题解决方案,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
详解Vue项目编译后部署在非网站根目录的解决方案
01-19
同一个生产部署项目，基内外网的访问路径并不相同，内网是基于域名根目录来访问，而外网却指向了一个...1、把打包后的资源引用修改为相对路径 找到 config/index.js 中 build 属性下的 assetsPublicPath build: { ...
路由跳转第二次点击才能跳转成功
m0_51041905的博客
05-23 2413
1.问题描述 使用路由跳转，第一次点击没反应，第二次点击才跳转成功 this.$router.push('/') window.localStorage.setItem('token', res.access_token) 2.解决方法 这个问题出现的原因是，在页面跳转时先进行跳转然后再把数据存储在本地；(先跳转，再存储) 解决方法：先把数据存储在本地，再进行页面跳转。（先存储，再跳转） window.localStorage.setItem('token', res.access_toke
vue点击导航菜单，展示选中样式，菜单路由存在嵌套路由时也可以判断为当前路由
AKindofo的博客
06-02 514
【代码】vue点击导航菜单，展示选中样式，菜单路由存在嵌套路由时也可以判断为当前路由。
Vue 实现导航栏滑到顶部固定，滑动到相应位置导航栏有相应选中效果，点击导航跳转到对应位置
yhl_nsd的博客
03-23 9423
主要思路 导航栏固定 判断页面卷曲是否大于导航栏的offsetTop的值，超过了就证明导航栏到达了顶部，给导航栏添加固定样式的类名，注意：需要拿到导航栏固定前的offsetTop值，固定后的offsetTop值为0，会导致页面需要卷曲值为0时，导航栏才复位，中间会有一段突兀的情况。 滑动到相应位置导航栏有对应选中样式 html结构 <div class="about"> <div class="banner"><div class="wrap">&lt
【VUE】vue路由跳转Uncaught (in promise) undefined 需要点两次才能跳转成功
NAMECZ的博客
04-19 5922
vue项目使用路由跳转，点击第一次时报下图的错误，点击第二次时才能正常跳转 网上查阅很多资料有解决办法如下图 1、版本升级问题，可降级操作 npm i vue-router@3.0 -S 不过这个方法我没有尝试，不知道有没有效果，而且大家也要慎重操作因为。。。 2、在调用push的时候，设置回调函数 this.$router.push({ path: 'Home' }...
vue 导航内容设置选中状态样式
guojing5721的专栏
06-07 6429
如图所示，我们一般需要切换的时候选中导航给个active样式，而router-link 标签 在选中的时候 会自动给整个标签添加一个 router-link-active的class 可给router-link 标签里面的span、i标签如下设置，非常简单，下面是stylus的写法，不需要的话也可以写成平时的css写法.router-link-active span ...
点击登录要点击第二次才跳转
bdl_bdl的博客
08-18 847
点击登录显示登陆成功,但是没有跳转,要点击第二次才跳转
Vue实现动态路由及登录404页面跳转控制页面刷新空白解决方案.docx
10-26
Vue实现动态路由及登录404页面跳转控制页面刷新空白解决方案.docx
vue路由传参页面刷新参数丢失问题解决方案
10-16
主要介绍了vue路由传参页面刷新参数丢失问题解决方案,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
vue实现导航栏效果（选中状态刷新不消失）
11-27
Vue导航栏        用Vue写手机端的项目，经常会写底部导航栏，我这里总结一套比较方便实用的底部导航栏方法，并且可以解决浏览器刷新选中状态消失的问题。也可以选择自适应屏幕。看一下效果，底部的图标全是UI给的选中和未选中样式的图片，根据公司要求，你也可能会用fontsize去写。（全部代码黏贴到本文的最后面了） 1、首先把这些小图片放到src/assets路径下面（自动base64编码） 2、在data（）里边定义一个选中对应的变量isSelect，和循环遍历的数组，数组下面放图标对应的文字，和选中，未选中的图片地址。  注意：图片的地址不要直接写，直接写就是字符串，不仅会出现显
vue 导航内容设置选中状态样式的例子
01-19
如图所示，我们一般需要切换的时候选中导航给个active样式， 而router-link 标签 在选中的时候  会自动给整个标签添加一个 router-link-active的class 可给router-link 标签里面的span、i标签如下设置，非常简单，下面是stylus的写法，不需要的话也可以写成平时的css写法 .router-link-active span i color: red 以上这篇vue 导航内容设置选中状态样式的例子就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。
详解Vue项目部署遇到的问题及解决方案
01-19
Vue-Router 有两种模式，默认是 hash 模式，另外一种是 history 模式。 hash：也就是地址栏里的 # 符号。比如 http://www.example/#/hello，hash 的值为 #/hello。特点：hash 虽然出现 URL 中，但不会被包含在 ...
VUE登录点击两次才能跳转Navigation cancelled from “/login“ to “/index“ with a new navigation.
m0_51580448的博客
03-30 3790
使用vue开发项目时在登录界面遇到vue-router报错 Uncaught (in promise) Error: Navigation cancelled from "/login" to "/index" with a new navigation. 解决报错的问题 // 在自己项目router里边 import VueRouter from 'vue-router'; Vue.use(VueRouter); const originalPush = VueRouter.prototype.push
解决 Vue2 点击事件要点击两次才生效的问题
joe0235的博客
09-27 6336
问题： 项目落地页使用 LinkedME 深度链接服务跳回App，单独在 jQuery 下没问题，可以正常点击跳转，但是放在 vue 的 methods 方法中，就需要点击2次才可以触发。 查了一些资料，基本都是创建封装 LinkedME 代码，然后 import 进去使用，但是我这个只是一个简单的功能网页，并不想做的那么复杂。 解决办法： 在 created 钩子里进行插件的初始化 例如： <div @click="linkPage">下载APP</div> <script
解决当菜单下拉框点击事件click无效，点击两次才能跳转路由地址的问题（native时间修饰符）
weixin_45096939的博客
01-10 590
native修饰符只能用在组件上, 不能用在原生标签上（Element-ui组价库都是自定义组件）；native---监听组件根元素的原生事件，主要是给自定义的组件添加原生事件；解决办法：在点击事件click后面加.native就可以解决了。在 vue3 中 v-on 的.native修饰符已经被弃用了；@是v-on的简写；
vue.js点击获取按钮第一次获取不到数据，第二次才可以
weixin_34234721的博客
12-12 9491
今天做完项目提交，产品给我提了一个问题，说我这个第一次打开的时候总是获取不到数据，得第二次才可以。我测试了下，点第一次走了接口，结果一闪而过，然后啥都没了，我还打印了下，结果闪了一下就没了，经过仔细查找，才发现我的路径地址是 http://localhost:8080/?#/warship，莫名其妙的多了个 “？”，然后百度了一下说是页面...
解决vue中第一次点击按钮无数据，第二次点击有数据
weixin_56042678的博客
04-11 1910
一般情况下看我们有没有声明接受数据的变量，如果没用声明的话，第一次点击按钮才会去声明变量，所以不会拿到数据，当第二次点击按钮时，此时就会拿到数据。解决方法，在return里面声明接受参数的变量，这样第一次点击按钮就可以拿到数据了。如果我们需要拿到数据，但是点击按钮数据没用拿到。
vue点击路由跳转有延迟
最新发布
07-27
对于 Vue 点击路由跳转有延迟的问题，可能有几个原因导致。以下是一些可能的解决方案： 1. 异步加载组件：如果路由跳转的目标页面包含较大的组件或网络请求，可能会导致延迟。您可以尝试使用 Vue 的异步组件加载...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值