element ui中走马灯图片不轮循只是展示的问题

Question

刘老师能帮我看看我这个准备写一个element ui里的走马灯效果 但是出来的图片只是展示没有轮循的效果

Answer 1

代码写错了:interval="4000"你前面没有加冒号，关于自动切换你没必要写，默认就是true,所以autoplay去掉吧，另外建议你在el-carousel上套一个div，因为浏览器解析的时候你写的vue代码都会变成css样式，也就是说在网页会出现 class="xxx"

<template>
  <div>
<el-carousel :interval="1000" >
    <el-carousel-item v-for="item in 4" :key="item">
      <h3>{{ item }}</h3>
    </el-carousel-item>
  </el-carousel>
</div>
</template>