個々の要素だけでなく、完全な JSON データを表示します

Question

これが私の JSON の外観です。クリックした要素のデータをモーダルボックスに表示したい。

[{
        「ID」: 1、
        "会社名": "テスト",
        "画像": "https://mmelektronik.com.pl/wp-content/uploads/2017/10/Insert-logo.jpg.png"、
        「場所」: 「ワルシャワ」、
        「給与」: 「10000」、
        「スキル」：「ジュニア」、
        "タグ": "テスト"、
        "jobDescription": "テスト"、
        "タイトル": "UI デザイナー"
    }

】

次に、jobDescriptionにアクセスしてモーダルボックスに表示したいと思います。 

b-modal(hide-footer="", :id="id")
      テンプレート(#modal-title="")
        | お知らせ
      .d-block.text-center
        p {{ ここに jobDescription が必要です }}
        b-button(variant="primary") アプリケーション

これがモーダルを開く方法です。

openModal(item) {
      this.offer = アイテム;
      this.$bvModal.show(this.id);
    }

Answer 1

v-for は一連のデータをループするために使用されますが、これは望んでいることではありません。 id が json 内の識別子であると仮定して、これを試してください:

リーリー

選択した id をデータ変数として保存する場合、それを計算プロパティに入れることができます:

リーリー

(編集: json を投稿したことに気づきませんでした。私の以前の答えは配列に関するものでした)