Добавить класс в зависимости от содержимого поля с Vue.js - PullRequest
0 голосов
/ 09 октября 2018

У меня есть приложение Vue.js, которое отображает содержимое, извлеченное из БД с помощью Axios.Подсказка появляется условно для определенных элементов в зависимости от наличия заметки для этого поля в БД.Я хотел бы добавить класс для стилизации этого элемента, если есть подсказка для отображения.

Вот то, что я пробовал с вычисляемым свойством.

template:

<div class="row">
  <div>{{ brol.name }}</div>
  <div>{{ brol.def }}</div>
  <div :class="[hasRemark ? activeClass : '']" v-b-tooltip.hover :title="('') ? false : brol.note">{{ brol.instit }}</div>

(всплывающая подсказка работает правильно).

данные:

activeClass: 'aspect',

стиль:

.aspect { color: red; }

вычислено:

hasRemark() {
   return this.brols.filter(brol => {
    return brol.note !== ' '
   })
 },

Iс помощью console.log можно увидеть, что я возвращаю массив.Но я не могу найти правильный способ изменить свойство и просто получить элемент, а не весь массив, чтобы передать его в троичное условие в подпунктах: class.Есть ли правильный способ добиться этого?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...