展示完整的 JSON 数据,而非仅限于单个元素
P粉771233336
P粉771233336 2023-09-01 12:38:20
[Vue.js讨论组]

这是我的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);
    }
P粉771233336
P粉771233336

全部回复(1)
P粉879517403

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,我之前的回答是针对数组的)

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号