1. 程式人生 > >vue裡面如何讓v-for迴圈出來的列表裡面的列表click事件只對當前列表有效

vue裡面如何讓v-for迴圈出來的列表裡面的列表click事件只對當前列表有效

html:

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

js:

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