展示完整的 JSON 数据，而非仅限于单个元素

Question

这是我的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"
    }

]    

现在我想要访问jobDescription并在模态框中显示它。

b-modal(hide-footer="", :id="id")
      template(#modal-title="")
        | 信息
      .d-block.text-center
        p {{ 在这里想要jobDescription }}
        b-button(variant="primary") 应用

这是我打开模态框的方式。

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

Answer 1

v-for用于循环遍历一组数据，这不是你想要的。假设id是你的json中的标识符，尝试这样做：

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

如果你将选定的id存储为数据变量，你可以将其放在计算属性中：

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

（编辑：我没有意识到你发布了你的json，我之前的回答是针对数组的）