尝试使用 nuxt js 检查属性是不是存在

Posted 2023-02-22

【中文标题】尝试使用 nuxt js 检查属性是不是存在

【英文标题】：Trying to check if properties exist with nuxt js尝试使用 nuxt js 检查属性是否存在

【发布时间】：2018-12-21 17:02:24

【问题描述】：

您好，我只是想检查 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>

但什么都没有……只是一个 “无法读取属性 'Titre' of null”

谢谢！

【参考方案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>