Question

我在页面上有多张卡片，每张卡片都有一个对话框，打开该对话框可显示与该卡片有关的图像轮播。

图像显示的是我第一次打开对话框，但随后的任何显示都不会。如果我回到最初显示图像的位置，现在不显示这些图像。

控制台中没有错误或警告。

    <v-dialog v-model="dialog" width="80vw">
      <template v-slot:activator="{ on }">
        <v-btn class="btn-info" v-on="on">More Info &rarr;</v-btn>
      </template>

      <v-card>
        <v-card-title class="headline grey lighten-2" primary-title>{{project.name}}</v-card-title>

        <v-carousel >
          <v-carousel-item v-for="(image, index) in project.images" :key="image.id" :src="image.src"></v-carousel-item>
        </v-carousel>
        <v-divider></v-divider>

        <v-card-actions>
          <v-spacer></v-spacer>
          <v-btn color="primary" flat @click="dialog=false">Close</v-btn>
        </v-card-actions>
      </v-card>
    </v-dialog>

我在文档中看不到有关如何处理页面上的多个轮播的任何内容。他们应该有特定的钥匙吗？

Answer 1

project.images是否为您要使用的目录？如果没有脚本部分以及数据或道具部分的外观，很难找出问题所在。

Vue v-carousel仅适用于初审

1 个答案: