小编Soo*_*mar的帖子

我是 vuejs 和 vuetify 的新手，我试图在使用 vue cli 3 创建的示例应用程序中创建一个简单的轮播组件。我能够获取轮播内容，但它没有加载资产文件夹中存在的本地图像，但是vuetify 页面中包含图像在线链接的示例图像正在运行。

<template>
<div> 
<v-carousel>
  <v-carousel-item v-for="i in 4" :key="i">
     <v-img contain :src="items[i]"></v-img>
  </v-carousel-item>
</v-carousel>
</div>
</template>
<script>
export default {
data() {
    items: [
        '../assets/img/PreviousYear/17/top10/2.PNG',
        '../assets/img/PreviousYear/17/top10/1.PNG',
        "https://cdn.vuetifyjs.com/images/carousel/bird.jpg",
        "https://cdn.vuetifyjs.com/images/carousel/planet.jpg"
      ]
  }
}
</script>

图像 1.PNG 和 2.PNG 不起作用，但其他两个是。有人可以帮我解决这个问题，我缺少什么。