Конкатенация строк Vue со значениями и условными - PullRequest
1 голос
/ 13 марта 2019

Есть ли возможность отобразить или скрыть строку, основанную на истинном значении, и при ложном показании она не отображает ничего, или мы можем использовать для этого только троичный оператор.

Я знаю, что это можно сделать с привязкой класса, где вы добавляете значение, а затем добавляете условие:

:class="{ 'class-only-if-true': false }"

поэтому мой вопрос будет, если возможно сделать следующее только в виде строки:

{{'only display if true' : true}}

и, возможно, объединить данные как таковые:

{{'only '+data+' if true' : true}}

Хотя я знаю, что было бы возможно добавить тег обёртки вокруг этого и добавить условие здесь, но в этом случае я не могу использовать <div>, <span> или другие.

Хотя я мог бы заставить его работать как таковой (троичный оператор):

{{ true ? 'only '+data+' if true' : ''}}

Мне было интересно, будет ли какой-то подход, который я упустил, похожий на условие привязки класса.

Надеюсь, это имеет смысл.

1 Ответ

0 голосов
/ 13 марта 2019

Вместо троичного оператора {{ true ? 'only '+data+' if true' : ''}} вы можете использовать оператор &&, например {{ true && 'only '+data+' if true'}}.Конечно, не используйте data, так как он указывает на весь компонент data.

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