el-carousel中循环显示不同的div 每个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/htxZ 著作权归作者所有。请勿转载和采集!