Zeigen Sie die vollständigen JSON-Daten an, nicht nur einzelne Elemente

Question

So sieht mein JSON aus. Ich möchte die Daten des Elements, auf das ich geklickt habe, in einer modalen Box anzeigen.

[{
        "id": 1,
        "Firmenname": "Test",
        „Bild“: „https://mmelektronik.com.pl/wp-content/uploads/2017/10/Insert-logo.jpg.png“,
        "Standort": "Warschau",
        „Gehalt“: „10000“,
        „Fähigkeit“: „Junior“,
        "Tags": "Test",
        "jobDescription": "test",
        "Titel": "UI-Designer"
    }

]

Jetzt möchte ich auf jobDescription zugreifen und es im modalen Feld anzeigen. 

b-modal(hide-footer="", :id="id")
      template(#modal-title="")
        |. Informationen
      .d-block.text-center
        p {{ möchte hier eine Jobbeschreibung }}
        b-button(variant="primär") Anwendung

So öffne ich das Modal.

openModal(item) {
      this.offer = Artikel;
      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，我之前的回答是针对数组的）