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

Question

嗨，我只是想检查 {{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>

但没什么...只是一个 "Cannot read property 'Titre' of null"

谢谢！

Answer 1

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

=> conts 必须为空。

您可以在同一个 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>

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

Trying to check if properties exist with nuxt js

json

vue.js

vuejs2

conditional

nuxt.js