首页 > 解决方案 > 如何使用 Strapi cms 在 Nuxt 中显示我的博客图像(以集合类型)?

问题描述

我想用 Strapi 在 Nuxt 中显示我的博客的 img 但我做不到我记录我的博客你可以看到 json 数据:

在此处输入图像描述

我使用此代码,但它不起作用!

<template>
  <div class="blogcontainer">
    <div
      v-for="blog in allBlogs"
      :key="blog.id"
      :id="blog.id"
      class="blog flex"
    >
      <img :src="`http://localhost:1337/${blog.img.url}`" />
    </div>
  </div>
</template>

标签: jsonnuxt.jsstrapinuxt-strapi

解决方案


img这里是一个数组,你应该循环它或在它上面使用一些索引 aka blog.img[0].url


推荐阅读