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

最新推荐文章于 2024-07-27 19:03:29 发布

weixin_30622107

最新推荐文章于 2024-07-27 19:03:29 发布

阅读量9.9k

点赞数 1

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/chen527/p/10020838.html

版权

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

转载于:https://www.cnblogs.com/chen527/p/10020838.html