@Farrien
Tell me who

Как построить список после получения массива через axios?

Только учусь такой чудесной штуке как Vue.js и для обучения начал переводить свой личный проект на него.
Сейчас у меня грузится каркас страницы, а затем на onload уже грузятся списки новостей, комментариев и страница принимает контентный вид.
В Vue.js через axios модуль получаю json массив. Как потом в какой-нибудь div выстроить список по значениям из массива.
Сейчас сделал вот так.
<ul>
					<li v-for="item in collection_news">
						<div class="overview-news-item">
							<div class="article-info">
								<div class="this-category-name" v-if="item.category">{{ item.category }}</div>
								<div class="this-author-name">{{ item.author.name }}</div>
								<div class="this-posted-time">{{ item.date }}</div>
								<div class="this-visits">{{ item.views }}</div>
							</div>
							<a class="this-news-link" :href="item.link">
								<h2 class="this-news-title">{{ item.title }}</h2>
								<p class="this-news-short">{{ item.description }}</p>
								<img v-if="item.image" class="this-news-image" :src="item.image">
							</a>
							<div class="article-augs">
								<div class="this-reply-count">{{ item.comments.count }}</div>
							</div>
						</div>
					</li>
				</ul>

Но меня бесит, что показываются сперва эти фигурные скобки везде до полной загрузки страницы. Это не красиво.
Как-нибудь альтернативно можно изобразить?
  • Вопрос задан
  • 64 просмотра
Решения вопроса 1
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы