十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
今天小编给大家分享一下如何在vue中动态绑定class选中当前列表变色的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。
创新互联公司主要从事成都网站设计、成都做网站、网页设计、企业做网站、公司建网站等业务。立足成都服务原平,十余年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18982081108
在methods中写入一个方法
clickcategory(index){ // 这里我们传入一个当前值 this.categoryIndex = index }
然后需要在data里面注册一下
data() { return { categoryIndex: 0, //点击当前背景变成白色索引 } },
在css中设置我们当前选中项为active的类名,并给与一个白色的背景颜色
.active { background: #fff }
接下来在html中绑定
以上就是“如何在vue中动态绑定class选中当前列表变色”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注创新互联行业资讯频道。