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&
·
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; } } })
更多推荐
已为社区贡献33条内容
所有评论(0)