展示完整的 JSON 數據，而非僅限於單一元素

Question

這是我的json的樣子。我想要在模態框中顯示我點擊的元素的資料。

[{
        "id": 1,
        "companyName": "test",
        "image": "https://mmelektronik.com.pl/wp-content/uploads/2017/10/Insert-logo.jpg.png",
        "location": "Warsaw",
        "salary": "10000",
        "skill": "Junior",
        "tags": "test",
        "jobDescription": "test",
        "title": "UI Designer"
    }

]

現在我想要訪問jobDescription並在模態框中顯示它。 

b-modal(hide-footer="", :id="id")
      template(#modal-title="")
        | 訊息
      .d-block.text-center
        p {{ 在這裡想要jobDescription }}
        b-button(variant="primary") 應用

這是我打開模態框的方式。

openModal(item) {
      this.offer = item;
      this.$bvModal.show(this.id);
    }

Answer 1

v-for用於循環遍歷一組數據，這不是你想要的。假設id是你的json中的標識符，試著這樣做：

b-modal(hide-footer="", :id="id")
      template(#modal-title="")
        | 信息
      .d-block.text-center
      p() {{ offers[id].jobDescription }}
        b-button(variant="primary") 申请

如果你將選定的id儲存為資料變量，你可以將其放在計算屬性中：

computed: {
  selected() {
    return this.offers[this.id].jobDescription;
  }
}

（編輯：我沒有意識到你發布了你的json，我之前的回答是針對數組的）