如果我这样做:
<div class="panel panel-default" v-if="socialiteLogins !== null">
面板不隐藏.如果我socialiteLogins === null单独检查,或者使用==,它们都返回该对象不为空.它绝对是空的.如果我将它转储到页面上,我会得到[]作为结果.这是一个空的json对象.所以如果我试试这个:
<div class="panel panel-default" v-if="socialiteLogins.length !== 0">
面板仍然无法隐藏,我收到此错误:
无法读取null的属性"length"
但如果我这样做:
<div class="panel panel-default" v-if="socialiteLogins !== null && socialiteLogins.length !== 0">
它完全隐藏了面板,初始加载时没有警告,但是当我稍后更新socialiteLogins变量时,如果它再次返回一个空的json对象,我会得到长度警告.知道为什么吗？
编辑:
添加它...如果我这样做:
<div class="panel panel-default" v-show="socialiteLogins">
它显示初始加载,即使没有,但如果我在页面加载后删除它正确隐藏面板.所以唯一的问题似乎是初始加载,它没有正确检测到没有记录.