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

 

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-01-28
  • 2022-01-30
  • 2021-10-26
  • 2021-07-25
  • 2021-04-07
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2021-05-28
  • 2022-12-23
  • 2021-12-10
  • 2022-12-23
  • 2021-12-04
相关资源
相似解决方案