javascript - Json 数组对象访问

Question

我需要一些帮助来获取链接中的 json 数组文件的数据

  Html
  <div>
    <div v-for="data in myJson.id " >{{ data }}</div>
  </div>
      js
    import json from '.././json/data.json'
      export default {
    components: {
      MainLayout,
    },
  data: function(){
        return {
          myJson:json
        }
      },
  method:{
    getjson:function(){
      this.json = JSON.parse(myJson);
    }
  }
  }

我只想访问具有某些特定 ID 的数据，但无法使用我正在使用的语法访问它

编辑 Json file

Answer 1

显然，您甚至不需要 JSON.parse。没有它似乎也可以工作...将 JSON 文件放在与组件相同的目录中，然后尝试以下操作:

import data from './data.json'

export default {
  created () {
    for (const item of data[0]['file']) {
      console.log(`
        Name: ${item.name}
        Type: ${item.type}
        Size: ${item.filesize}
        Dimensions: ${item.dimension[0].width}x${item.dimension[0].height}
      `)
    }
  }
}

页面加载时，您应该会在控制台中看到 JSON 文件中的信息。