geometria
@geometria

Как по условию скрывать блоки v-show?

Здесь два взаимозаменяемых блока, которые скрываются/отображаются при проверке поступающих данных из axios

<!-- если в БД нет отзыва админа -->
     <div v-show="feed_isVisible">
       ...
    </div>

<!-- если в БД есть отзыв от админа -->
 <div v-if="comment.user === 'admin' " 
      feed_isVisible=false, 
      v-for="comment in comments">
           <div id="message">{{ comment.message }}</div>
      <button @click="feed_isVisible=!feed_isVisible">
           Редактировать
      </button>
 </div>


В этом примере кнопка "Редактировать" скрывает верхний блок, но строчка feed_isVisible=false не работает.

Как скрыть верхний, по умолчанию видимый блок, по условию comment.user === 'admin',
т.е. скрыть если в базе данных в поле user присутствует admin?
  • Вопрос задан
  • 116 просмотров
Решения вопроса 1
0xD34F
@0xD34F Куратор тега Vue.js
Во-первых.

Во-вторых.

После того, как сделаете вычисляемое свойство, просто смотрите длину получившегося массива:

<div v-show="!adminComments.length">
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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