展示完整的 JSON 数据,而非仅限于单个元素
P粉771233336
2023-09-01 12:38:20
<p>这是我的json的样子。我想要在模态框中显示我点击的元素的数据。</p>
<pre class="brush:php;toolbar:false;">[{
"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并在模态框中显示它。</pre>
<pre class="brush:php;toolbar:false;">b-modal(hide-footer="", :id="id")
template(#modal-title="")
| 信息
.d-block.text-center
p {{ 在这里想要jobDescription }}
b-button(variant="primary") 应用</pre>
<p>这是我打开模态框的方式。</p>
<pre class="brush:php;toolbar:false;">openModal(item) {
this.offer = item;
this.$bvModal.show(this.id);
}</pre>
v-for
用于循环遍历一组数据,这不是你想要的。假设id
是你的json
中的标识符,尝试这样做:如果你将选定的
id
存储为数据变量,你可以将其放在计算属性中:(编辑:我没有意识到你发布了你的json,我之前的回答是针对数组的)