Javascript Vue v-if语句，用于检查变量是否为空或null

我试图使用

v-if

语句来显示一些HTML，前提是

archiveNote

变量不为空/null

下面是它的实例化方式

导出默认值{
名称：“ConfirmReleaseFilesModal”，
道具：{
archiveName:String，
阿奇维诺：弦
},

然后从另一个Vue文件传入

---

当

archiveNote

是

控制台时，HTML块仍然显示。将
注销为空这可能是因为在父组件中，您将变量分配给命名错误的道具
：archive name=“archiveName”
，而不是
：archiveName=“archiveName”
如果只想在
为空时显示它（不是空的/null/等），您只需执行以下操作：



这将产生与以下结果相同的结果：



这两个表达式都将所有8个JavaScript值计算为
false
：


false
null
未定义
0
-0
NaN
”
0n
（BigInt）

因此，如果变量的计算结果不是这些，那么它将是真的，
v-if
将显示

下面是这些和一些真实例子的演示：


newvue({
el:“应用程序”，
数据（）{
返回{
法尔西：{
“null”：null，
“未定义”：未定义，
'0': 0,
'-0': -0,
'\'\'': '',
"楠":楠,，
“假”：假，
“0n”：0n
},
真的：{
'[]': [],
'{}': {},
'\'0\'': '0',
'1': 1,
'-1': -1,
'\' \'': ' ',
“\'false\'”“false”，
'5': 5
}
}
}
})；
正文{
背景：#20262E；
填充：20px；
字体系列：Helvetica；
}
#应用程序{
背景：#fff；
边界半径：4px；
填充：20px；
过渡：均为0.2s；
}
#法尔西，特鲁西{
显示：内联块；
宽度：49%；
}
.标签{
显示：内联块；
宽度：80px；
文本对齐：右对齐；
}
代码{
背景：#dddddd；
利润率：0.3倍；
}

法尔西：
{{label}}
true

false

真实的例子：
{{label}}
true

false

---

控制台在哪里？它是在事后修改的吗？似乎不是这样