关于vue2.0导航菜单样式切换

    在用vue2.0的<router-link>标签你打开浏览器在点击的时候你会发现多出个class标签如下图:


每点击一个标签那么你所点击的那个标签就一定会切换成一个上图的class标签,重点是切换,不是添加,所以按照这个思路我们就能用这个方法进行导航菜单样式切换切换,vue2.0有一个函数linkActiveClass官方说明是这样的:


这个怎么用呢:


这样就能直接获取到class='active'的标签了,重点记得要把css样式写好你在进行测试,下面是我写的css样式:



猜你喜欢

转载自blog.csdn.net/qq_29109193/article/details/80246408