Vuejs2 带值和条件的Vue字符串连接

是否有一个选项可以显示或隐藏基于truthy值的字符串，当falsy时，它不显示任何字符串，或者我们只能使用三元运算符

我知道可以使用类绑定，即添加一个值，然后添加条件：

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

因此，我的问题是，是否可以仅作为字符串执行以下操作：

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

并可能与以下数据连接：

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

虽然我知道可以在这周围添加包装标签并在这里添加条件，但在这种情况下，我不能使用任何

，

或其他

虽然我可以让它这样工作（三元运算符）：

我想知道是否有一种类似于类绑定条件的方法被我忽略了

---

希望这是有意义的。

您可以使用

{{true&&'only'+data+'if true'：'}}}

之类的

&&

运算符来代替三元运算符

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

。当然不要使用

数据

，因为它指向整个

数据

对象的组件。

而不是三元运算符

{true？'only'+data+'if true'：'}}

，您可以使用

&

运算符，比如

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

。当然，不要使用

data

，因为它指向整个

data

对象的组件

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