element ui中走马灯放图片

这个是html中的

<el-carousel 
    type="card"
    :interval=6000
    >
      <el-carousel-item v-for="(img,index) in imgList" :key="index">
        <img :src="img.url" width="100%" height="100%">
      </el-carousel-item>
    </el-carousel>

下面是script中的

export default {

data(){
  return{
    imgList:[
     {
        url:require('@/assets/lake.jpg')       
     },
     {
        url:require('@/assets/build.jpg')
     },
     {
        url:require('@/assets/road.jpg')
     },
     {
        url:require('@/assets/sea.jpg')
     }
    ]
    }
 }
}

你可能感兴趣的:(element,ui,走马灯,放图片)