Vue - уравнение с использованием реквизита, чтобы назначить класс - PullRequest
0 голосов
/ 18 апреля 2019

У меня есть таблица данных, к которой нужно применить класс, в зависимости от данных, которые я передаю в таблицу данных.

Я хотел бы просто запустить уравнение в связанном классе, но не могу понять, как.

Мой код может иметь больше смысла. У меня есть эта простая таблица:

<template slot="items" slot-scope="props">
  <td :class="{ threshold: true }">{{ props.item.inventory_amount}}</td>
  <td :class="{ threshold: threshold_hit }">{{ props.item.threshold}}</td>
</template>

И затем я хочу присвоить классу threshold эти строки в соответствии с этим вычислением:

props.item.inventory_amount > props.item.threshold

Это работает нормально и возвращает true или false:

<td> {{ props.item.inventory_amount > props.item.threshold }}</td>

Но это не удалось:

<td :class="{ threshold: props.item.inventory_amount > props.item.threshold}">{{ props.item.inventory_amount}}</td>

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

1 Ответ

0 голосов
/ 18 апреля 2019

Твой синтаксис

:class=`{
  '_threshold': props.item.inventory_amount > props.item.threshold
}`
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...