Element UI Carousel 循环显示不同控件的div
您可以在 el-carousel 中放置多个 div,每个 div 中塞入不同的控件,如下所示:
<el-carousel :cycle='true'>
<el-carousel-item>
<el-input placeholder='请输入内容'></el-input>
</el-carousel-item>
<el-carousel-item>
<el-date-picker type='date' placeholder='选择日期'></el-date-picker>
</el-carousel-item>
<el-carousel-item>
<el-switch></el-switch>
</el-carousel-item>
</el-carousel>
在这个例子中,我们在 el-carousel 中放置了三个 el-carousel-item,每个 item 中都放置了不同的控件,分别是 el-input、el-date-picker 和 el-switch。由于设置了 cycle 属性为 true,所以当最后一个 item 显示完毕后会自动循环回到第一个 item,实现循环显示不同的 div。
原文地址: https://www.cveoy.top/t/topic/oWl5 著作权归作者所有。请勿转载和采集!