vue for循环点击当前,改变兄弟元素属性(vue小白)

想用vue实现功能,列表是请求数据for循环渲染出来,点击列表item中的按钮,改变相邻兄弟元素是否显示,这种功能怎样实现,请教大神,帮忙出个思路

BIG阳
浏览 3227回答 2
2回答

喵喵时光机

在data中定义一个数组list,存储所有item的index之类的标志性的东西。每个item点击的时候触发一个事件,并且以index作为参数,然后在事件中处理这个index相邻的index。

FFIVE

<ul> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<li&nbsp;v-show="selIndex+1!=index&nbsp;&&&nbsp;selIndex-1!=index"&nbsp;v-for="(item,&nbsp;index)&nbsp;in&nbsp;list"&nbsp;:key="index"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{item}}<button&nbsp;@click="selIndex=index">登录</button> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</ul>&nbsp;new&nbsp;Vue({&nbsp;&nbsp;&nbsp;&nbsp;el:&nbsp;'#app',&nbsp;&nbsp;&nbsp;&nbsp;data:&nbsp;{&nbsp;list:&nbsp;[1,2,3,4,5,6,7,8,9,10],&nbsp;selIndex:&nbsp;-99 &nbsp;&nbsp;&nbsp;&nbsp;} })仅提供一种思路哈
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript