<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; } } })
所有评论(0)