el-carousel怎么设置autoplay
时间: 2024-01-06 08:51:14 浏览: 88
my-carousel
要设置 el-carousel 的自动播放,你可以在 el-carousel 组件上加上 `autoplay` 属性。例如:
```html
<template>
<el-carousel :autoplay="true">
<el-carousel-item>
<img src="https://picsum.photos/800/300/?image=1" alt="">
</el-carousel-item>
<el-carousel-item>
<img src="https://picsum.photos/800/300/?image=2" alt="">
</el-carousel-item>
<el-carousel-item>
<img src="https://picsum.photos/800/300/?image=3" alt="">
</el-carousel-item>
</el-carousel>
</template>
```
这样,el-carousel 就会以默认的时间间隔自动切换轮播项。如果你想设置自动切换的时间间隔,你可以使用 `interval` 属性,例如:
```html
<el-carousel :autoplay="true" :interval="5000">
<!-- 轮播项 -->
</el-carousel>
```
这样,el-carousel 就会每 5 秒自动切换轮播项。
阅读全文