广告
返回顶部
首页 > 资讯 > 前端开发 > html >如何解决vue-router 二级导航默认选中某一选项的问题
  • 285
分享到

如何解决vue-router 二级导航默认选中某一选项的问题

2024-04-02 19:04:59 285人浏览 泡泡鱼
摘要

这篇文章主要介绍如何解决Vue-router 二级导航默认选中某一选项的问题,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!现在有一个需求是这样的:这个需求很正常吧! 二级导航条,不是

这篇文章主要介绍如何解决Vue-router 二级导航默认选中某一选项的问题,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

现在有一个需求是这样的:

如何解决vue-router 二级导航默认选中某一选项的问题

这个需求很正常吧! 二级导航条,不是二级路由的(如果是二级路由是用linkActiveClass来做,我之前文章说过),是单纯获取数据的按钮,当这个页面出现时,默认选中第一项。

首先:

如何解决vue-router 二级导航默认选中某一选项的问题

如何解决vue-router 二级导航默认选中某一选项的问题

如何解决vue-router 二级导航默认选中某一选项的问题

上面的判断的意思是:如果你点击某一个选项把这个index传过去,activeName等于那一个传过来的index(index是遍历出来的数据如:1,2,3,4,5),就显示该个active或者index==pid,pid默认为0,所以index==0,就是默认第一个选项被选中。

但是当我点击其它项的时候,要把那个pid改为false,只能把这个false赋值给uid,uid却不能在data里而声明,因为组件遍历v-for是时候就默认执行了selected()这个函数,所以只能把这个赋值给全局

如何解决vue-router 二级导航默认选中某一选项的问题

我目前只能用这个方法解决这个问题,如果有更好的方法,希望可以共享一下

以上是“如何解决vue-router 二级导航默认选中某一选项的问题”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注编程网html频道!

--结束END--

本文标题: 如何解决vue-router 二级导航默认选中某一选项的问题

本文链接: https://www.lsjlt.com/news/74525.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • 如何解决vue-router 二级导航默认选中某一选项的问题
    这篇文章主要介绍如何解决vue-router 二级导航默认选中某一选项的问题,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!现在有一个需求是这样的:这个需求很正常吧! 二级导航条,不是...
    99+
    2022-10-19
  • 如何解决element-ui动态加载级联选择器默认选中问题
    目录前言1.解决方法2.不同层级间的默认选中解决方法前言 最近在开发任务中碰到需要在新增和修改时使用动态加载级联选择器,但是当在修改时设置默认选中项时,出现了后端数据返回慢的情况,就...
    99+
    2022-11-13
  • 如何解决vue-cli 默认路由再子路由选中下的选中状态问题
    小编给大家分享一下如何解决vue-cli 默认路由再子路由选中下的选中状态问题,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!vue-cli是Vue.js官方脚手架命令行工具,我们可以用它快...
    99+
    2022-10-19
  • 如何解决Vue下拉框回显并默认选中随机问题
    这篇文章主要为大家展示了“如何解决Vue下拉框回显并默认选中随机问题”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“如何解决Vue下拉框回显并默认选中随机问题”这...
    99+
    2022-10-19
软考高级职称资格查询
推荐阅读
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作