当前位置:   article > 正文

vue element组件 实现轮播图

vue element组件 实现轮播图

 创建轮播图框架

  1. <template>
  2. <el-carousel :interval="2000" type="card" height="4000px">
  3. <el-carousel-item v-for="item in banners" :key="item">
  4. <img :src="item.url" alt=""/>
  5. </el-carousel-item>
  6. </el-carousel>
  7. </template>
  1. const banners= [
  2. {url: require("")},
  3. {url: require("")},
  4. {url: require("")},
  5. {url: require("")},
  6. {url: require("")},
  7. {url: require("")},
  8. ]

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/从前慢现在也慢/article/detail/251018?site
推荐阅读