element ui 轮播图获取本地图片展示

最新推荐文章于 2024-08-09 10:27:16 发布

小帅哥哥001

最新推荐文章于 2024-08-09 10:27:16 发布

阅读量574

点赞数 1

文章标签： vue.js

本文链接：https://blog.csdn.net/weixin_40623562/article/details/124279079

版权

html

<el-carousel indicator-position="outside">
  <el-carousel-item v-for="item in carouseData" :key="item">
    <img :src="item.url" alt="" />
  </el-carousel-item>
</el-carousel>

css

.el-carousel__item {

width: 100%;
}
.el-carousel__item img {
width: 100%;
}

js

  data() {
return {
  carouseData: [
    { url: require("@/assets/images/8.png") },
    { url: require("@/assets/images/8.png") },
    { url: require("@/assets/images/8.png") },
    { url: require("@/assets/images/8.png") },
  ],
};