Why is the empty string considered a truth value in Vue.js templates?

Question

Why does the empty string return as a true value in the vue template?

<div>{{ "" ?? "The empty string is not a true value" }}</div>

This will only display empty strings. I have a lot of empty string fields that cannot be checked with the null coalescing operator (??), instead I have to use the ternary operator:

{{ "" ? "String is empty" : "String is not empty" }}

"" ??Shouldn’t it be wrong? 
            

Answer 1

Nullish coalescing operator (??) is used to test whether a value is not equal to null or undefined, rather than determining whether it is a "true value" .

"" is a false value, but it is neither null nor undefined.

Use the logical OR (||) operator to test for "truth".