我需要一些帮助来获取链接中的 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
最佳答案
显然,您甚至不需要 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 文件中的信息。
关于javascript - Json 数组对象访问,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45590437/