vue点击菜单跳转时,背景颜色动态变化
2019-06-18 15:40
12 查看
**
vue点击菜单跳转时,背景颜色动态变化
**
html:
script:
export default {
name: “menu”,
data() {
return {
activeKey: 0
}
},
methods: {
onclick(index) {
this.KaTeX parse error: Expected '}', got 'EOF' at end of input: … this.router.push(’/menu1’)
}else if ( index == 1){
this.KaTeX parse error: Expected 'EOF', got '}' at position 31: …enu3')
}̲else if ( index…router.push(’/menu3)
}else if ( index == 3){
this.KaTeX parse error: Expected 'EOF', got '}' at position 31: …enu4')
}̲else if ( index…router.push(’/’)
}
},
}
}
css:
.Active{
background-color: rgba(9, 43, 89, 0.95);
color: #fff;
}
store:
const state = {
Active:0,
};
方法是实现了,但是还是有bug,刷新后背景颜色会回到默认的菜单栏,不会随路由改变,有好的解决办法的欢迎交流(参照同学教的点击跳转改变背景颜色)
相关文章推荐
- 点击Item时无背景颜色变化
- 导航条——动态改变导航菜单的背景颜色
- android gridview点击子选项动态改变item背景颜色
- android Button 点击背景与文字颜色变化效果
- JavaScript基础 点击div块后背景颜色发生变化 事件的函数参数是this
- 实现栏目页在同级栏目列表中,点击一栏目,该栏目样式变化(背景/颜色/字体...),其他栏目样式不变。
- jQuery实现的背景动态变化导航菜单效果
- JavaScript基础 点击div块后背景颜色发生变化 事件的函数参数是this
- jQuery实现响应鼠标背景变化的动态菜单效果代码
- PB 动态改变菜单背景颜色
- android标题栏、状态栏图标文字颜色及背景动态变化
- 导航栏图标背景颜色随点击发生变化
- Vue elementUI处理菜单栏点击时背景样式随跳转页的改变
- vue使用swiper动态获取数据轮播异常以及点击跳转
- jQuery实现响应鼠标背景变化的动态菜单效果代码
- 点击菜单背景颜色来回切换
- 动态变化的菜单效果
- 创建 居于屏幕下方的tabhost,动态更换tab的背景图片和字体颜色
- VirtualTreeview鼠标移动到相应节点时,节点背景颜色发生变化
- TextView点击后背景颜色、文字颜色改变