Paparkan data JSON yang lengkap, bukan hanya elemen individu
P粉771233336
2023-09-01 12:38:20
<p>Beginilah rupa json saya. Saya ingin memaparkan data elemen yang saya klik dalam kotak modal. </p>
<pre class="brush:php;toolbar:false;">[{
"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);
}</pre>
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
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
idyang 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)