Как в vuejs менять стили у динамически создаваемых элементов?

Question

[Кирилл]

<ul>
   <li v-for="post in posts">
      <button>
          Удалить
      </button>
   </li>
</ul>

.invisible {
   display: none
}

собственно суть вопроса: при нажатии на кнопку "Удалить" — надо присвоить класс invisible элементу li, в который обёрнут нажатый button. Заранее спасибо.

Answer 1

[Антон Антон]

При нажатии на удалить не нужно присваивать класс, нужно удалить из коллекции. Или, если есть подзадача отображать еще и удаленные, то менять свойство, а выводить отфильтрованные элементы. Это вам не jquery.

Ну и в документации есть хороший пример

Comments

[Кирилл]

Да, хороший пример, большое спасибо )