vue里面如何让v-for循环出来的列表里面的列表click事件只对当前列表有效

版权声明：本文为QQ帝国原创博客，转载请附上链接，谢谢。 https://blog.csdn.net/QQ_Empire/article/details/88422224

<ul id="app">
  <li v-for=‘item in items‘ @click="toggle(item)">
    <span v-if=‘item.show‘>{{item.content}}</span>
  </li>
</ul>

new Vue({
  el: ‘#app‘,
  data: function() {
    return {
      items: [{
        content: ‘1 item‘,
        show: true
      }, {
        content: ‘2 item‘,
        show: true
      }, {
        content: ‘3 item‘,
        show: true
      }]
    }
  },
  methods: {
    toggle: function(item) {
            item.show = !item.show;
    }
  }
})