vue怎么把事件只对自身有效?

最近在学vue做一个小项目,当时碰到了一个思路卡顿的问题,也不知道怎么描述。就是

https://img3.mukewang.com/5caea78500014f2407880800.jpg

就如上图,思否的列表有个点赞功能,问题是他是个列表,点赞的时候是只对点击的列表项有效的。这个是个相同的事件,可我不知怎么把他给做到只对自身有效。是基于vue的

https://img2.mukewang.com/5caea7880001dc2506400732.jpg

可我的事件是给组件加上的,对不起真的不知道怎么描述才准确。就是想让列表循环出来的时候点击事件是只对自身有效果的。


ibeautiful
浏览 534回答 1
1回答

慕尼黑的夜晚无繁华

列表通过 v-for 一个 list 渲染的,为 list 的每一 item 绑定 @click 事件触发时传入参数 $index(v-for="(item, index) in list"),在 @click 的 method 函数修改 list 内相应 index 的 item 的点赞状态 status 即可~
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript