Реализовать подобную функцию на vuejs?

Question

[gangrena777]

Приветствую всех мастеров кунг-фу!!!
Подскажите как реализовать на VUE аналогичое действие...а то тупняк какой то...мозг закипает...

есть цикл типа

<ul   v-for ="item  in items">
  <li  >
     <div  style="display:none></div>
</li>
</ul>
как  реализовать на vue  что то типа    
<li onclick="show(this)">
соответственно по клику на конкретный li ....его дочерний div   => display='block'

заранее благодарю

Comments

[0xD34F]

тупняк какой то...мозг закипает...

Нет сынок, просто ты лентяй. А ну марш читать документацию.

[gangrena777]

ну хоть намекни

[Roman K]

gangrena777, намекаю: пропсы

[gangrena777]

не должно быть проще...чтоб не делить на компоненты
сделал так...но зачем тогда vue?

html
<ul v-for="(post,index) in posts" >
         <li><p  v-on:click="show_info($event)" >{{post.name}}</p>
                 <div   class="none">
                  <p>секции: {{post.sections}}</p>
                  <p>адрес: {{post.adress}}</p>
                  </div>
         </li>
  </ul>

js

show_info:function(e){
        
              var t = event.target.nextElementSibling;
               console.log(t);
                  t.classList.toggle('show');
                
                 
               }

css

<style>
    .none{
      display:none;
    }
    .show{
      display: block;
    }
  </style>

[Александр Дроздов]

gangrena777, ну вот, не нужен тебе вью)

[0xD34F]

gangrena777,

ну хоть намекни

намекаю

[gangrena777]

0xD34F,
v-if v-show понятно ... но это же необходимо делать через переменную-посредника ...v-show="visible"...
но в объекте или массиве который я прогоняю через v-for ее нет...
как реализовать для определенного li в таком случае...

[0xD34F]

gangrena777,

но это же необходимо делать через переменную-посредника ...v-show="visible"...
но в объекте или массиве который я прогоняю через v-for ее нет...

Ну так добавьте.

[gangrena777]

0xD34F,
дак не могу ....я делаю запрос на сервер ...обрабатываю его ....помещаю в переменную и уже с ней работаю...

[0xD34F]

gangrena777, ну вот когда делаете своё "обрабатываю", добавляйте полученным данным свойство, которое будет управлять видимостью.

[gangrena777]

0xD34F,
ну как вариант....ладно благодарю за помощь...не всегда vue будет продуктивнее использовать

[Klein Maximus]

gangrena777, просто любой инструмент надо глубоко изучить, а не пытаться с наскока все решить