&l..._elementui轮播图怎么放图片">
当前位置:   article > 正文

ElementUi中轮播图走马灯如何实现添加图片_elementui轮播图怎么放图片

elementui轮播图怎么放图片

<template>
  <el-row class="warp">
    <el-col :span="12" class="warp-breadcrum">
      <el-breadcrumb separator="/">
        <el-breadcrumb-item :to="{ path: '/' }"><b>首页</b></el-breadcrumb-item>
        <el-breadcrumb-item>商品入驻</el-breadcrumb-item>
        <el-breadcrumb-item>新增商品</el-breadcrumb-item>
      </el-breadcrumb>
      <el-carousel :interval="4000" type="card" height="400px">
       
<el-carousel-item v-for="item in imagesbox" :key="item.id">
           <img :src="item.idView" class="image">

        </el-carousel-item>
      </el-carousel>

    </el-col>
  </el-row>
</template>


<script> 
  export default{
    data(){
      return {
        imagesbox:[{id:0,idView:require("../../assets/images/forest.png")},      {id:1,idView:require("../../assets/images/sunrise.png")},

{id:2,idView:require("../../assets/images/sunshine.png")}]
      }
    },
    methods: {
      
    },
    mounted() {
    }
  }
</script>
<style>
</style>

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/2023面试高手/article/detail/250989
推荐阅读