如果对象可以未定义，如何基于属性有条件地渲染（v-if）？

Question

请注意， parent 是之前定义的firebase引用。

没关系：

v-if="parent['key'] == foo"

但是这个：

v-if="parent['key'].child('somechild') == bar"

抛出以下错误：

  

[Vue警告]：渲染错误：＆＃34; TypeError：无法读取属性＆＃39; child＆＃39;未定义＆＃34;

Answer 1

在引用之前尝试保护：

v-if="(parent['key'] && parent['key'].child('somechild')) == bar"