Question

我正在尝试在Vue JS中创建图像滑块。图像是动态的，来自MongoDB。我已经使用Express JS作为后端。有人可以帮忙吗？我试过使用npm软件包，但是它不起作用。这是我的代码： HTML代码：

<div v-for="project in projects" v-bind:key="project._id">
    <vueper-slides>
      <vueper-slide v-for="(image, imageIndex) in project.projectGallery" :key="imageIndex" :image=" project.image"/>
    </vueper-slides>
  </div>

脚本：


import { VueperSlides, VueperSlide } from 'vueperslides'
import 'vueperslides/dist/vueperslides.css'
export default {
  name: 'Project',
  components: { VueperSlides, VueperSlide },
  data() {
    return {
      projects: [],
      error: '',
      title: '',
      description: '',
      projectImage: '',
      projectGallery: '',
    }
  },

Answer 1

看不到您的数据，但我可以看到问题在这里。

 <vueper-slide v-for="(image, imageIndex) in project.projectGallery" :key="imageIndex" :image="image.image"/>

位于:image="image.image

VueJS图片轮播

1 个答案: