vue实现点击当前标签高亮效果【推荐】

前端之家收集整理的这篇文章主要介绍了vue实现点击当前标签高亮效果【推荐】前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

实现点击按钮使当前按钮高亮,其他按钮复原的效果

实现思路

•在data中定义即将渲染的数据,及active

•定义高亮的标签类名

•动态渲染按钮的数据,并动态的增加active类名(当active为当前name值时添加),添加点击事件(点击时让active=name)

•在methods中定义点击事件函数

总结

以上所述是小编给大家介绍的vue实现点击当前标签高亮效果。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

原文链接:https://www.f2er.com/vue/31825.html

猜你在找的Vue相关文章