JSON數組對象訪問

我想在獲取數據的形式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); 
    } 
    } 
    }

我想用一些特定的ID只能訪問數據和使用語法我就是我不能訪問它使用

編輯 Json file

來源

2017-08-09 Haroon Aslam

有沒有這樣的事「_json array_」。你有一個JSON數據字符串或JS數組。你試過的語法是什麼樣的？ – Teemu

你只是解析你的json響應，你試圖訪問哪裏？ – Thalaivar

對不起，解析函數沒有選擇 –

顯然，你甚至不需要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文件的信息。

來源

2017-08-09 13:11:31 Badacadabra

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

使用上面的代碼中，我利用，並根據我的需要來實現的，它的工作

來源

2017-08-09 13:33:31

JSON數組對象訪問

回答

相關問題