vue中点击展开，再点击收起，怎么实现，用v-for来做，因为数据是后台给的

Question

vue中点击展开，再点击收起，怎么实现，用v-for来做，因为数据是后台给的

我的页面是这样的

现在我想布局怎么写方便我写逻辑呢？
外面的循环点开怎么看到里面的呢？ 要有过渡的动画，
思路卡住了

Answer 1

vue 内置组件 transtion 二级菜单部分 外层 用transtion。通过v-show = "isShow"来控制显示和收缩默认是否显示。可以通过isDefalutShow = [],把需要展示的自己定的标识存到这个数组里。然后在你写的组件里处理这个数组。点击toggle可以也可以操作这数组来控制显示收缩