router-link-active的作用

杀马特。学长 韩版系。学妹 提交于 2021-02-16 20:47:09

 

 如上图所示,创建了3个路由跳转选项,css实现后的效果如下 ↓↓↓

 

 当我切换“电影” “影院” “我的” 三个路由选项时,文字由黑色变成红色

此时可用vue自带的 router-link-active 实现切换变色

----------------------------------------------------------------------------------------- 

同样的,在二级路由切换时,也可实现切换变色效果, 比如说,切换 “正在热映”,“即将上映”两个按钮的时候,实现切换变色带下划线的效果

代码实现如下:

 

 

 

 

 

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!