Vue.js v-show 在列表中 [英] Vue.js v-show in a list
本文介绍了Vue.js v-show 在列表中的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我相信这对你们来说会非常容易.我正在尝试制作一个简单的帖子列表,帖子标题始终可见,当您单击列表中的特定帖子时,您会看到帖子的正文.我为此使用了 v-show.但是,当我点击特定帖子时,所有帖子的正文都会出现,而不仅仅是我点击的帖子.
这是模板:
<div class="容器"><h1>我的帖子</h1><ul class="list-group"><li class="list-group-item" v-for="post in list"><div @click="changeShow"><h4>{{ post.title }}</h4><p v-show="show">{{ post.body }}</p><span v-show="show" class="label label-primary">ID:{{ post.userId }}</span>
逻辑: