欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vue动态绑定class实现点击切换效果

程序员文章站 2022-03-28 13:42:03
...

vue动态绑定class以及实现点击切换效果
记录一下vue:
如果是单独的按钮,可以直接再data里面定义一个关联状态的值clickButton

<button :class="( clickButton=== true ? 'active' : '')">

如果我们是循环的,判断一下循环的item的code是否等于下面定义的changeTabsBtnActive,然后每次点击的时候,我们根据item的值改变changeTabsBtnActive 的值,就能实现了

<button :class="( changeTabsBtnActive === item.code ? 'active' : '')">
相关标签: 前端 #Vue