Afficher les données JSON complètes, pas seulement les éléments individuels

Question

Voici à quoi ressemble mon json. Je souhaite afficher les données de l'élément sur lequel j'ai cliqué dans une boîte modale.

[{
        "identifiant": 1,
        "nom de l'entreprise": "test",
        "image": "https://mmelektronik.com.pl/wp-content/uploads/2017/10/Insert-logo.jpg.png",
        "localisation": "Varsovie",
        "salaire": "10 000",
        "compétence": "Junior",
        "balises" : "test",
        "jobDescription": "test",
        "titre": "UI Designer"
    }

]

Maintenant, je veux accéder à jobDescription et l'afficher dans la boîte modale. ≪/pré>
<pre class="brush:php;toolbar:false;">b-modal(hide-footer="", :id="id")
      modèle(#modal-title="")
        Informations |
      .d-block.text-center
        p {{ je veux une description du travail ici }}
        bouton b (variante = "primaire") Application

C'est ainsi que j'ouvre le modal.

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

Answer 1

identifiant en

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

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

Si vous stockez le id sélectionné en tant que variable de données, vous pouvez le mettre dans une propriété calculée :

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

(Edit : je n'avais pas réalisé que vous aviez posté votre json, ma réponse précédente concernait les tableaux)