无法加载“道具”数据

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">

  {{ init_data_for_index }}

</li>

...

computed() {

  init_data_for_index() {

    return this.dbIndex && this.dbIndex.data && this.dbIndex.data.init_data_for_index

      ? this.dbIndex.data.init_data_for_index

      : [];

  },

},

所以最初init_data_for_index是一个空数组，直到它从 API 填充。