对于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;
}
},