0
点赞
收藏
分享

微信扫一扫

vue element-ui 走马灯轮播图

笑望叔叔 2022-04-14 阅读 65
vueelementui

本地图片地址加上 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 条评论