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中实现一个简单的购物车思路
下一篇: 穿在脚上的“无线热点”追踪器