vue实现tab栏点击高亮效果

本文实例为大家分享了tab栏实现点击高亮,供大家参考,具体内容如下

之前面试的时候被问到过如何使用vue实现tab栏切换高亮,今天自己写demo顺便记录一下

vue实现tab栏点击高亮效果_第1张图片

vue官方文档里有一个基础知识点叫做对象语法

//data如下 data: { isActive: true, hasError: false } //渲染结果为

个人觉得类似三元表达式,如果值为true则给该元素添加上指定的class

实际代码如下



我是前端萌新一枚,刚接触前端没多久,vue接触时间就更短了,每天进步一点点!

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

你可能感兴趣的:(vue实现tab栏点击高亮效果)