您可以在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

el-carousel中循环显示不同的div 每个div中塞入不同控件

原文地址: https://www.cveoy.top/t/topic/htxZ 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录