Vue与Element UI组件结合使用,在走马灯效果下实现图片的自适应展示
发布时间
阅读量:
阅读量

以上为最终呈现效果~
相关代码 (zmd.vue) :
<template>
<el-carousel :interval="4000" type="card" height="200px">
<el-carousel-item v-for="item in imagebox" :key="item.id">
<img :src="item.idView" class="image">
</el-carousel-item>
</el-carousel>
</template>
<script>
export default{
name:'zmd',
data(){
return {
imagebox:[{id:0,idView:require('../assets/imagebox/1.jpg')},
{id:1,idView:require('../assets/imagebox/2.jpg'
全部评论 (0)
还没有任何评论哟~
