【Vue】v-for遍历时实现组件的单独展开与收起/单独添加盒子的类

掉毛的小羊羔
117 阅读1分钟

实现效果：

image.png

image.png

实现方式：

首先在data里面return一个thisIndex =null，

image.png 在vue组件中动态绑定class，通过thisIndex的值和index的值动态控制要展开的盒子，添加展开的类，最终实现一个类似于手风琴的效果，一个展开了，另一个就收起

image.png 最后定义change_box函数即可完成

image.png

avatar
文章
阅读
粉丝