Vue.js Nuxt：显示静态文件夹中的本map像

发布于01月04日

我要开始使用nuxt.我的静态文件夹在屏幕截图中.我一直在努力跟踪https://nuxtjs.org/guide/assets/#static个

我有一个vuetify carousel组件，可以很好地使用URL作为src.现在我想try 提供本地静态文件.我试过:

    <template>
  <v-carousel>
    <v-carousel-item v-for="(item,i) in items" :key="i" :src="item.src"></v-carousel-item>
  </v-carousel>
</template>


    <script>

export default {
  data () {
    return {
      items: [
        {
          src: '/static/52lv.PNG'
        },
        {
          src: 'https://cdn.vuetifyjs.com/images/carousel/sky.jpg'
        },
        {
          src: 'https://cdn.vuetifyjs.com/images/carousel/bird.jpg'
        },
        {
          src: 'https://cdn.vuetifyjs.com/images/carousel/planet.jpg'
        }
      ]
    }
  }
}
</script>

但现在，当我运行dev服务器时， carousel 的图像会出现一个空白屏幕.其他带有URL的图像工作正常.

查看浏览器中的空白元素，我看到: