vue循环出来列表里面的列表点击click事件只对当前列表有效;

<div >
  <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;
    }
  }
})