简记:vue实现的手风琴效果
data:{
data: [],
activeIndex: ''
}
methods: {
setIndex(index){
<!--此代码只能实现点击了2关闭1,点击1关闭2-->
this.activeIndex = index
<!--
这个代码判断当前点击列如果是展开就关闭,如果关闭就展开
this.activeIndex = this.activeIndex == index ? -1 : index;
-->
}
}
<div v-for="(item, index) in data">
<li @click="setIndex(index)">
<p v-show="index == activeIndex">{{item}}</p>
</li>
</div>`
简记:vue实现的手风琴效果
最新推荐文章于 2024-04-06 09:10:45 发布