Как воспроизвести поведение «не в» или «где»?

Question

В моем приложении есть объект данных с именем actionsRequired[ACTION_TYPE_DUPLICATES].

И логика такова: v-if="actionsRequired[ACTION_TYPE_DUPLICATES][reference.id]", где, если конкретная ссылка в итерации существует в этом объекте, тогда отобразить элемент div.

Обычно в этом свойстве только два дубликата.

Мне нужно отобразить что-то вроде This reference is the same as Reference 55, please..., и мне, очевидно, нужно сделать динамический 55.

Мне интересно, есть ли в Vue что-то похожее / похожее на:

This reference is the same as Reference <span v-where="actionsRequired[ACTION_TYPE_DUPLICATES][reference.id] !== reference.id"></span>

Есть предложения? Не уверен, насколько это возможно.

Answer 1

Как насчет чего-то вроде

<div>This reference is the same as Reference <span v-html="displayDuplicateReference(reference)"></span></div>

И просто запишите эту пользовательскую функцию для выполнения логики "actionsRequired[ACTION_TYPE_DUPLICATES][reference.id] !== reference.id"

.

Answer 2

Почему v-if не подходит?

<span v-if="actionsRequired[ACTION_TYPE_DUPLICATES][reference.id] != null
      && actionsRequired[ACTION_TYPE_DUPLICATES][reference.id] !== reference.id">
This reference ... {{ reference.id }}
<span>