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

Element UI Carousel 循环显示不同控件的div

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

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