有鳍且惊艳
today 今日图片
有鳍且惊艳
阿里夫达鲁环礁海岸的鲸鲨, 马尔代夫 (© Bachir Moukarzel/Amazing Aerial Agency)
www.doubao.life
一个出色的个人网站
数据概览
39
文章
09
分类
32
标签
活动出行 8
豆包出行活动或摄影活动
活动出行
豆包说说 7
吐槽与宣泄合体是王道
豆包说说
博客博文 3
博客文章和其他文章与转载解读等等
博客博文
macOS 3
Apple MacOS
macOS
JavaScript 1
一种动态的编程语言
JavaScript
VUE 6
渐进式前端框架
VUE
CSS 2
一种用来表现HTML或XML等文件样式的计算机语言
CSS
react
空栏目
react
空栏目
音乐作品
空栏目
音乐作品
空栏目
http://doubao.life/index.php/feed/
某些图片资源从 unsplash.com 获取
2025/01/04
有关vue项目的页面导航逻辑

页面导航(nav)一直都是项目开发的诟病,虽然交互逻辑相对于其他部分更为简单,但是实现起来却不那么容易就能够搞定。
这个导航逻辑要实现以下几个目的:

  1. 点击导航连接更改导航的指示器(active状态或指标)
  2. 在router-view中的页面里点击链接更改路由页面地址的同时也要更改对应的导航指示器(active状态或指标)
  3. 在任何路由页面地址的url刷新或进入页面即更改导航的指示器(active状态或指标)