问如何处理vue js模板中不存在的var？
EN

Stack Overflow用户

提问于 2019-06-04 03:35:50

回答 1查看 91关注 0票数 1

在我的vue.js模板中，我有许多实例

{{ jobs[0].stages[0].node.name }}

也很相似。如果一个作业没有任何阶段，那么整个模板将无法加载，vue.js管理员会给我以下警告。

Error in render: "TypeError: Cannot read property 'node' of undefined"

有没有一种方法可以更优雅地处理这个问题，例如，如果阶段或节点不存在-模板将继续加载，并且此值将替换为“N/A”或类似的值？

我希望解决方案可以在模板本身中，而不是一些复杂的js (我是js的新手，所以对我来说一切都很复杂)

发布于 2019-06-04 03:48:46

好的，我将基于这样的事实来回答这个问题：

<div>{{ jobs[0].stages[0].node.name }}</div>

您可以使用v-if指令：

<div v-if="jobs[0].stages && jobs[0].stages.length">{{ jobs[0].stages[0].node.name }}</div>
<div v-else>N/A</div>

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/56433535

复制

相似问题

问如何处理vue js模板中不存在的var？EN