Блог

Вот как выглядит мой json. Я хотел бы отобразить данные из элемента, на который я нажал, в модальном.

 [{
        "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 only jobDescription and display it in the modal.

 

 b-modal(hide-footer="", :id="id")
      template(#modal-title="")
        | Information
      .d-block.text-center
        p {{ want the jobDescription here }}
        b-button(variant="primary") Apply
 

Вот как я открываю модальный.

   openModal(item) {
      this.offer = item;
      this.$bvModal.show(this.id);
    }
 

v-for используется для перебора набора данных, а это не то, что вам нужно. Предполагая id , что это идентификатор из вашего json , попробуйте это:

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

Вы могли бы поместить это в вычисляемый вместо этого, если вы сохраняете выбранный id в качестве переменной данных:

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

(Редактировать: не понял, что вы опубликовали свой json, мой предыдущий ответ был для массива)