带有 v-for 的 quasar q-carousel

Question

我尝试使用带轮播的 v-for 循环显示许多图像，但我遇到以下错误：Error in render: "Error: Cannot find module '../statics/image.jpeg'"

  <q-carousel-slide
  v-for="(image) in images"
  :key="image.id"
  :name="image.id"
  :img-src="require(image.url)"
  />
  <script>
  ...
  images: [
    {
      id: 1,
      url: '../image/1.jpeg'

    }
]
  ...
  </script>

有人有解决办法吗？

Answer 1

顺便说一句，我遇到了同样的问题，看看 https://forum.quasar-framework.org/topic/6430/q-carousel-with-v-for/3?_=1601046738106 你需要像这样在你的数据中添加 require :

url: require(‘src/assets/image.jpeg’)

带有 v-for 的 quasar q-carousel

quasar q-carousel with v-for

quasar

v-for