vue2.0 可折叠列表 v-for循环展示

先上一张效果图:



以前用angularjs操作基本上都是要取到每个列表的id再循环判断是不是当前点击的列表来显示折叠。
今天在这个项目 https://github.com/IFmiss/vue-music 上看到操作很简单,并没有如此复杂。赶紧记录一下:

折叠列表单独做一个组件,图标是用的iconfont中生成的css链接:myMusicSheetList.vue









主页面调用组件:home.vue







如果不能运行请检查import 路径是否正确。

你可能感兴趣的:(Vue2.0)