Javascript VUE 2:如果对象为空,则不要使用组件

Javascript VUE 2:如果对象为空,则不要使用组件,javascript,vuejs2,entry.banners,null,Javascript,Vuejs2,Entry.banners,Null,我现在遇到了一个问题:我只需要在源信息可用的情况下使用组件,否则不要使用它。我尝试了v-if,但它似乎还是调用了组件 这给了我一个错误,因为当entry.banners为null时,id不存在。另外,我声明了横幅选择器和横幅库,但当条目。横幅对象为null时,将不使用它们 有什么建议吗?您可以尝试执行entry.banner!==null,但请记住(我不知道会发生什么)如果条目。banner是一个空对象,而不是null 因此,另一种解决方案可能是创建一个computed属性,并在comput

我现在遇到了一个问题:我只需要在源信息可用的情况下使用组件,否则不要使用它。我尝试了
v-if
,但它似乎还是调用了组件


这给了我一个错误,因为当
entry.banners
null
时,
id
不存在。另外,我声明了
横幅选择器
横幅库
,但当
条目。横幅
对象为
null
时,将不使用它们


有什么建议吗?

您可以尝试执行
entry.banner!==null
,但请记住(我不知道会发生什么)如果
条目。banner
是一个空对象,而不是
null

因此,另一种解决方案可能是创建一个
computed
属性,并在computed属性(null或空)内进行检查,然后完成


我知道可能有更好的解决方案,但我可以与您分享这些解决方案。

只需在div中输入以下条件:

 v-if="entry && entry.banners && entry.banners.length"
你确定是吗?是一个问题,所以问题可能在别处

可能您有一些导致问题的空横幅对象。在这种情况下,我将记录组件创建和安装的时间,并检查其中的数据