javascript - Javascript 中有二元真值运算符吗？

Question

这个表达式在Vuejs中是什么意思？

:class="{ expr1: expr2}"

看起来是一个真值表达式，但是Javascript中有二元真值运算符吗？

Answer 1

那是object syntax用于 Vue 中的类绑定(bind)。如果 expr2 是 truthy值，然后 Vue 将添加类 expr1 到元素。

:class 是 shorthand对于 v-bind:class。

例如，如果该表达式位于 div 上，

<div :class="{expr1: expr2}"></div>

然后，如果 expr2 为真，则呈现的输出将是

<div class="expr1"></div>

编辑

Truthy 值通常是 javascript 中混淆和错误的原因。但是有一个 strict equality operator您可以使用它来确保您拥有一个 true 值。

:class="{expr1: true === expr2}"

这将允许您避免 expr2 可能是 truthy 而不是 true 的情况。

Example .