我想使用 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
有没有办法解决这个问题?谢谢。