Javascript Json数组对象访问

我需要一些帮助来获取链接中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);
    }
  }
  }

Html
{{data}}
js
从“.././json/data.json”导入json
导出默认值{
组成部分：{
主布局，
},
数据：函数（）{
返回{
myJson:json
}
},
方法：{
getjson:function（）{
this.json=json.parse（myJson）；
}
}
}

我只想访问具有特定id的数据，而不能使用我正在使用的语法访问它

编辑

---

显然，您甚至不需要

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文件中的信息。

    <script>
  import MainLayout from '../layouts/Main.vue'
  import json from '.././json/data.json'

  export default {
    components: {
      MainLayout,
    },
  data: function(){
    return {
     myJson: json[0].file
    }
  },
  method:{

    }
  }
</script>   

 html
  <div v-for="data in myJson">
    {{ data.name }}
    {{ data.filesize}}
    {{ data.dimension[0].width}}x{{data.dimension[0].height}}
  </div>

从“../layouts/Main.vue”导入MainLayout
从“.././json/data.json”导入json
导出默认值{
组成部分：{
主布局，
},
数据：函数（）{
返回{
myJson:json[0]。文件
}
},
方法：{
}
}
html
{{data.name}
{{data.filesize}
{data.dimension[0].width}}x{{data.dimension[0].height}

---

使用上面的代码，我根据我的需要使用并实现了它，它工作了

没有“json数组”这样的东西。您可以使用JSON数据字符串或JS数组。您尝试的语法是什么样子的？您正在解析json响应，您试图访问的是哪里？很抱歉，解析函数不是WOKRING您没有此json的id属性，因此无法访问它。是否要检查name属性？