为什么在vuetify中使用v-carousel时页面刷新?

时间:2019-12-16 08:05:02

标签: vue.js carousel vuetify.js

我正在vuejs中使用vuetify。 在一页中,我正在使用两个V型转盘,第一个是使用循环道具,它可以每6秒自动滑动一次图像,第二个很简单。 问题是每次在第一个v型轮播组件中滑动 自动更改,好像我的页面令人耳目一新。 如何阻止刷新我的页面

THIS IS THE FIRST CAROUSEL
<v-carousel
              cycle
              height="400"
              hide-delimiters
              :show-arrows="false"
      >
        <v-carousel-item
                v-for="(slide, i) in slides"
                :key="i"
                reverse-transition="fade-transition"
                transition="fade-transition"
        >
          <v-sheet
                  :color="colors[i]"

          >
            <v-row
                    class="fill-height"
                    align="center"
                    justify="center"
            >
              <div class="display-3">{{ slide }}</div>
            </v-row>
          </v-sheet>

        </v-carousel-item>

      </v-carousel>
THIS IS THE SECOND CAROUSEL  
    <v-carousel

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

     </v-carousel>``

0 个答案:

没有答案