vue点击菜单跳转时，背景颜色动态变化

2024-04-27 01:02:46

**

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,刷新后背景颜色会回到默认的菜单栏，不会随路由改变，有好的解决办法的欢迎交流(参照同学教的点击跳转改变背景颜色)

vue点击菜单跳转时，背景颜色动态变化相关推荐

Vue导航点击路由跳转后样式不变
Vue导航点击路由跳转后样式不变 <template><ul><li :class="{active:isActive==1}" @click=&qu ...
点击按钮随机更换页面背景颜色
点击按钮随机更换页面背景颜色先准备一个按钮就像如图所示的那样然后获取到刚刚的按钮并为按钮绑定点击事件. 并且弹出警告框来证明获取并绑定成功按钮. 效果展示: 点击按钮即可弹出警告框. 在点击事件 ...
Html table 页实现点击选中tr行改变背景颜色
Html table 页实现点击选中tr行改变背景颜色 table 表格展示数据时没有选中的效果,如果对展示数据做了一些操作会导致不太容易分辨,所以选中效果就很重要,而这个事件需要作用于整个 ...
【VS开发】VS2010 MFC中控件、对话框等背景颜色动态修改的方法
[VS开发]VS2010 MFC中控件.对话框等背景颜色动态修改的方法标签(空格分隔):[VS开发] 声明:引用请注明出处http://blog.csdn.net/lg1259156776/ 说明: ...
js网页背景颜色不断变化js特效
下载地址 js网页背景颜色不断变化特效,渐变色动画效果. dd:
ruoyi是怎么点击菜单跳转页面的_电商后台设计：系统管理、菜单管理
文章对系统管理和菜单管理的设计过程以及其中的业务逻辑展开了讲解,主要适合从事互联网产品设计.技术研发以及产品运营人员学习. 对于绝大数后台管理系统功能管理应该是它的重点,系统中涉及大量的功能模块,能够 ...
html5单击修改背景色,js实现点击ul/li等改变背景颜色
今天项目遇到了标题所说的问题,找到一篇很高效的例子,值得学习. Change.html body li{ list-style-type: none; } 文字文字文字 function g(x) { ...
android输入时背景颜色,Button根据EditText输入状态改变背景颜色
需求 Button随EditText输入状态改变颜色有3个不同颜色状态, EditText未输入时,Button处于不可点击状态 EditText输入时,Button处于高亮状态 EditText输 ...
解决Java当中用point 画图时背景颜色变成黑色问题
一:导入与源码 package src.cn.wyj.飞机;import java.awt.Color; import java.awt.Graphics; import java.awt.Graph ...

最新文章

热门文章