vue循环出来列表里面的列表点击click事件只对当前列表有效;
<div id="app"> <div class=‘b’ v-for='item in items' @click="toggle(item)"> <span v-if='item.show'>{{item.cl}}</span> </div> </div>
b里的每个div 都有span隐藏的。当点击 div 类名为b 时候,点击那个 那个div 里的span 下显示 再点击是隐藏。
new Vue({ el: '#app', data: function() { return { items: [{ cl: '数据11111', show: true }, { cl: ‘数据22222’, show: true } ] } }, methods: { toggle: function(item) { item.show = !item.show; } } })