大佬们遇到过这个问题吗？vue页面头部的导航栏目怎么动态加上当前页的标记背景色啊？大佬们有什么好的建议？

Question

头部的导航是公共的。。比如有电影、音乐、社区、体育我跳转到音乐那么音乐的样式背景就红色但是注意，音乐下面的所有页面比如打开音乐的详情页、音乐的列表页，导航栏上面的音乐链接都要设置样式当前红色。要怎么实现啊？

Answer 1

写一个公共维护的样式咯。头部导航肯定是一个组件吧，在组件data声明字段，判断当前属于哪个模块，将页面需要更改颜色的地方，配置当前颜色，比如：
moduleStyle:{
'movie':'redBg',
'music':'greeBg'
}