vue 导航栏状态即时更新

如题所述

第1个回答 2022-07-02

我们在做头部导航或者侧边导航的时候，有时会遇到高亮状态更新不上的问题。

解决方法有两种：第一可以通过存缓存来获取状态，第二可以监听路由。本文主要针对第二种方法详细解答一下：

小伙伴们首先可能想到的是watch监听$route，但是在这我不推荐使用watch，因为watch如果用户刷新页面的情况下，会兼听不到。我们用的是 window.location.pathname

active 就是代表高亮的name

加关注不迷路，小礼物走一走

相似回答

bootstrap和vue哪个好?答：解释三：Vue的优势 Vue通过组件化的开发方式，使得代码更加模块化、可复用。这使得在开发大型项目时，Vue能够更好地应对复杂的逻辑和界面需求。同时，Vue的数据响应机制能够实现数据变化时自动更新视图，减少了手动操作DOM的繁琐性。此外，Vue还提供了丰富的插件和生态系统支持，方便开发者进行开发和部署。总...

如何评价移动端Vue组件库 Vux?答：近期，Vux迎来了重大的1.0版本发布，这一里程碑式的更新无疑为开发者们提供了更稳定、更丰富的组件集，进一步提升了开发效率和用户体验。其设计理念和组件库的完整性，无疑体现了Vux在移动端设计上的专业性和实用性。从基础的按钮、表单，到复杂的导航栏、轮播图，Vux都提供了丰富的预设样式和高度定制...

...超受欢迎的移动应用开发 UI 工具包,主题优雅且完美支持 Vue.js...答：Ionic，作为全球最受瞩目的开源工具包，其最新版本V7正式与我们见面，专为移动应用开发打造，且完美融入Vue.js，让优雅与效率并存。这个里程碑式的更新，无疑为前端开发者开辟了全新的移动应用开发旅程。Ionic Framework，自2013年由Max Lynch、Ben Sperry和Adam Bradley共同创立以来，从一个基于AngularJS的...

vue怎么和后端对接答：14、项目首页由顶部导航栏，左侧导航栏，中间内容区构成，如图在appvue引入elementui，然后就可以在其他任何页面中使用了将appvue改为以下内容。15、Blade下的Vue 包括Laravel在内的主流PHP框架都是MVC架构的，在视图层通常都有自己的模板引擎所以在大一入门的时候我一般是这样写的编写一个Laravel的模板...

大家正在搜

vue动态导航栏 vue项目nav导航栏的实现 vue实现顶部导航栏 vue底部导航栏 vue导航栏组件 vue固定顶部导航栏 vue侧边导航栏实现 vue设置公用导航栏 vue滑动切换顶部导航栏