Vue动态添加类名及删除兄弟节点类名

引言

动态添加类名是经常会用到但不起眼的一个小功能,使用灵活的话能够方便的实现各种动态效果,比如:元素的显示隐藏,菜单切换等等。


动态添加类名方法总结

可以通过对象、数组、方法返回值3种方法动态添加类名,话不多说,直接上代码:







应用——点击切换菜单效果

vue动态添加类名的应用之一便是实现点击切换菜单效果,例如:


点击切换菜单效果图.png

还是直接上代码:






这里只展示了动态切换菜单的核心代码,其他样式需读者自行添加修改。
ps: 本人才疏学浅,若有考虑不周之处,欢迎各路大神指正!非常感谢!

你可能感兴趣的:(Vue动态添加类名及删除兄弟节点类名)