vue实现tab栏点击高亮效果
本文实例为大家分享了tab栏实现点击高亮,供大家参考,具体内容如下
之前面试的时候被问到过如何使用vue实现tab栏切换高亮,今天自己写demo顺便记录一下
vue官方文档里有一个基础知识点叫做对象语法
//data如下 data:{ isActive:true, hasError:false } //渲染结果为
个人觉得类似三元表达式,如果值为true则给该元素添加上指定的class
实际代码如下
{{item.name}}
我是前端萌新一枚,刚接触前端没多久,vue接触时间就更短了,每天进步一点点!
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。
声明:本文内容来源于网络,版权归原作者所有,内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:czq8825#qq.com(发邮件时,请将#更换为@)进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。