Хочу отображать выплывающий блок (div) по клику в списке с помощью vue.
Имеется простой список ul>li *3
Один Два Три
Если нажимаем на Один isShow div1, если нажимаем Два, то отображается блок 2.
сейчас у меня проблема в том, что при нажатии скрываются или отображаются все три блока одновременно.
Код сейчас такой, по умолчанию все скрыты:
<ul class="list">
<li><div v-on:click="isShow = !isShow">Один</div><div v-show="isShow" class="block"> 1 block/div></li>
<li><div v-on:click="isShow = !isShow">Два</div><div v-show="isShow" class="block"> 2 block </div></li>
<li><div v-on:click="isShow = !isShow">Три</div><div v-show="isShow" class="block"> 3 block</div></li>
</ul>
new Vue({
el: '#app',
data: {
isShow: false
}
})
Средний
