时间戳

首页 > 解决方案 > 从 JSON 文件加载 JSON 文件，以及 JSON 文件的路径

json - 从 JSON 文件加载 JSON 文件，以及 JSON 文件的路径

问题描述

如果这是一个以前被问过的问题，我很抱歉，但是在花了半个小时寻找类似的问题或文档之后，我还没有找到一个可行的答案。

我有一个如下所示的 JSON 文件：

{
    "title": "path1.json",
    "title2": "path2.json",
     ...
}

我想要做的是导入 JSON 文件，它像这样索引这些：

import indexJSON from "../../indexOfJSON.json";
...

    export default {
      data() {
        return {
          jsonIndexVariable: indexJSON,
        };
      },
    ...
    }

我可以在 vue 的列表中显示：

<ul>
    <li v-for="(path, index) in jsonIndexVariable" :key="index">
        {{path}}
    </li>
</ul>

我假设的简单解决方案是

this.jsonIndexVariable.foreach...

在一种方法中，但我无法为我的生活弄清楚如何去做。

标签： jsonvue.js

解决方案

发生这种情况是因为你循环的是一个对象，而不是一个数组，vue 是智能的，并且在 v-for 中自动管理以循环它，而在 vanilla js 中你必须使用

Object.entries(this.jsonIndexVariable).foreach()

（文档）

推荐阅读