小编gaa*_*lee的帖子

Vuetify 轮播图片加载

我想使用 vuetify 的轮播来显示一些图像。但是在第一次滑动时,过渡时会出现白色闪光,就像图像在尝试渲染之前没有加载一样。

<div id="app">
  <v-app id="inspire">
    <v-carousel>
      <v-carousel-item
        v-for="(item,i) in items"
        :key="i"
        :src="item.src"
      ></v-carousel-item>
    </v-carousel>
  </v-app>
</div>

new Vue({
  el: '#app',
  vuetify: new Vuetify(),
  data () {
    return {
      items: [
        {
          src: 'https://cdn.vuetifyjs.com/images/carousel/bird.jpg',
        },
        {
          src: 'https://cdn.vuetifyjs.com/images/carousel/planet.jpg',
        },
      ],
    }
  },
})
Run Code Online (Sandbox Code Playgroud)

演示,你可以看到我在说什么:https : //codepen.io/gaalee89/pen/RwPQWXj

有没有办法解决这个问题?谢谢。

vue.js vuetify.js

7
推荐指数
1
解决办法
2837
查看次数

标签 统计

vue.js ×1

vuetify.js ×1