This is what my json looks like. I want to display the data of the element I clicked on in a modal box.
[{ "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" } ] Now I want to access jobDescription and display it in modal box. b-modal(hide-footer="", :id="id") template(#modal-title="") | Information .d-block.text-center p {{ want jobDescription here }} b-button(variant="primary") Application This is how I open the modal.
openModal(item) { this.offer = item; this.$bvModal.show(this.id); }
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
v-foris used to loop through a set of data, which is not what you want. Assumingidis the identifier in yourjson, try this:b-modal(hide-footer="", :id="id") template(#modal-title="") | 信息 .d-block.text-center p() {{ offers[id].jobDescription }} b-button(variant="primary") 申请If you store the selected
idas a data variable, you can put it in a computed property:computed: { selected() { return this.offers[this.id].jobDescription; } }(Edit: I didn't realize you posted your json, my previous answer was for arrays)