vue element-ui 走马灯轮播图

阅读 65

2022-04-14

本地图片地址加上 require(“@/assets/imgs/**.jpg”)
src 下目录地址
在这里插入图片描述

<template>
   <div>
       <div style="margin: 10px 0">
         <el-carousel height="450px">
           <el-carousel-item v-for="item in imgList" :key="item.id">
             <img :src="item.idView" class="" style="width: 100%">
           </el-carousel-item>


         </el-carousel>
       </div>
   </div>
</template>

<script>
export default {
  name: "FrontHome",
  data(){
    return{
      imgList: [
        {id:1,idView:require("@/assets/imgs/123.jpg")},
        {id:2,idView:require("@/assets/imgs/555.jpg")},
        {id:3,idView:require("@/assets/imgs/666.jpg")}
      ]
    }
  }
}
</script>

<style scoped>

</style>

精彩评论(0)

0 0 举报