尝试检查属性是否存在与nuxt js

时间:2018-07-13 10:24:04

标签: json vue.js vuejs2 conditional nuxt.js

嗨,我只是想检查 {{data.name}} 是否存在。 如果不存在,那就不要显示。.

迭代次数:

<div v-if="conts.Titre || conts.keys(conts.Titre).length > 0" class="communes-contenu">

<div v-if="conts.Titre != ' '" class="communes-contenu">

<h3 v-if="conts.Titre">{{ conts.Titre }}</h3>

但是什么也没有...只是一个“无法读取null的属性'Titre'”

thx!

1 个答案:

答案 0 :(得分:1)

"Cannot read property 'Titre' of null"表示持有Titre的对象为空

=> 继续必须为空。

您可以在同一v-if中添加其他检查以检查conts的存在,或将其包装。

选项1:

<h3 v-if="conts && conts.Titre">{{ conts.Titre }}</h3>

选项2:

<template v-if="conts">
    <h3 v-if="conts.Titre">{{ conts.Titre }}</h3>
</template>