Paparkan data JSON yang lengkap, bukan hanya elemen individu

Question

Beginilah rupa json saya. Saya ingin memaparkan data elemen yang saya klik dalam kotak modal.

[{
        "id": 1,
        "Nama syarikat": "ujian",
        "imej": "https://mmelektronik.com.pl/wp-content/uploads/2017/10/Insert-logo.jpg.png",
        "lokasi": "Warsaw",
        "gaji": "10000",
        "kemahiran": "Junior",
        "teg": "ujian",
        "Deskripsi pekerjaan": "ujian",
        "tajuk": "Pereka UI"
    }

]

Sekarang saya mahu mengakses jobDescription dan memaparkannya dalam kotak modal. </pra>
<pre class="brush:php;toolbar:false;">b-modal(hide-footer="", :id="id")
      templat(#modal-title="")
        |
      .d-block.text-center
        p {{ nak jobDescription here }}
        b-butang(varian="utama") Aplikasi</pra>
<p>Beginilah cara saya membuka modal. </p>
<pre class="brush:php;toolbar:false;">openModal(item) {
      this.offer = item;
      this.$bvModal.show(this.id);
    }

Answer 1

pengecam dalam

v-for用于循环遍历一组数据，这不是你想要的。假设id是你的json, cuba ini:

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

Jika anda menyimpan id yang dipilih sebagai pembolehubah data, anda boleh meletakkannya dalam sifat yang dikira:

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

(Edit: Saya tidak menyedari anda menyiarkan json anda, jawapan saya sebelum ini adalah untuk tatasusunan)