Блог

#javascript #vue.js #vuejs2 #transition

#javascript #vue.js #vuejs2 #переход

Вопрос:

 <transition name="fade" mode="out-in">
  <a :href="news.news_main_link" class="news" v-for="news in newsList" :key="news.id">{{ news.news_title }}</a>
</transition>
  

 newsList = [
{
  id: 1,
  news_main_link: 'link1',
  news_title: 'Test Title'
}
]
  

Комментарии:

1. Я думаю, вам следует использовать transition-group вместо transition …

2. @Jax-p, да. Вы правы. Но тогда все <a></a> идут в одну строку. 🙁

3. Да, но это цикл. v-for="news in newsList" Неважно, сколько элементов в массиве.

4. Если мы сможем установить if else так, чтобы каждый раз он отображал только один элемент, тогда проблема будет решена. Но в цикле for невозможно использовать v-if