无法加载“道具”数据

Question

在我的项目中，我从以下页面下载数据（在 Axios 的帮助下）：

http://seo-gmbh.eu/json/api_sunds.php?action=init_data_for_index

数据用于我的主页。

之后，我尝试通过“道具”将这些数据传递给我的中心内容组件。

我的 Vue 调试器告诉我它已经完成了：

但是在我的中心内容组件中，我无法将这些数据显示到我的 HTML 代码中。

我可以得到这样的部分数据： dbIndex.data

但是，如果我尝试像这样更深入地获取这些道具数据： dbIndex.data.init_data_for_index

显示以下错误：

无法读取未定义的属性“init_data_for_index”。

我的问题是：

在我的情况下，我应该如何正确获取这些数据？

import LiServiceApp from '~/components/CenterContentIndexApp/LiServiceApp';

  export default {

    props: ['dbIndex'],

    components: {

      LiServiceApp,

    }

  }

}

<template>

 <section class="center_content_index">

    <ul class="ul_1">

        <li class="li_3">

          {{  dbIndex.data.init_data_for_index  }}

        </li>

    </ul>

    <!--  <ul class="ul_1"> end -->

  </section>

</template>

Answer 1

试试这个代码：<li class="li_3">&nbsp; {{ init_data_for_index }}</li>...computed() {&nbsp; init_data_for_index() {&nbsp; &nbsp; return this.dbIndex && this.dbIndex.data && this.dbIndex.data.init_data_for_index&nbsp; &nbsp; &nbsp; ? this.dbIndex.data.init_data_for_index&nbsp; &nbsp; &nbsp; : [];&nbsp; },},所以最初init_data_for_index是一个空数组，直到它从 API 填充。