点击导航栏按钮切换按钮背景色

解决点击导航栏点击哪个,哪个就高亮变色,其他恢复原状。

这里我用的是vue框架和element ui组件库写的。主要就是一个点击事件和一个for循环。

HTML
  

@click.native和@click差不多,但是router-link会阻止click事件,所有加一个native就可以了。

js

css这里我就不写了,就几行代码。

效果图

点击导航栏按钮切换按钮背景色_第1张图片
点击导航栏按钮切换按钮背景色_第2张图片
如有雷同,纯属巧合

如果此篇博文对您有帮助,还请点点关注点点赞呐~,谢谢 ~ ~

你可能感兴趣的:(element,ui,vue.js,javascript,elementui,html,less)