vue的手风琴

对于vue的手风琴

思想：点击当前的添加toggle事件，给这个事件传入当前点击的index值

初始化的时候给data中添加个inshow，默认的值是-1

html中根据isshow是否等于当前的index判断显示还是不显示

点击的时候判断如果inshow等于这个index就设为-1，否则的话isshow就复制为index，这样在页面中即可判断

<li class="top" v-on:click="toggle(index)"></li>

<ul class="goods show" v-show="isShow === index"></ul>

toggle: function (index) {

if (this.isShow === index) {

this.isShow = -1;

} else {

this.isShow = index;

}

},