vue 设置el-carousel的高度

el-carousel 走马灯组件的默认高度为300,如下图:
vue 设置el-carousel的高度_第1张图片项目中需要设置height:

<template>
  <div class="carousel-container">
    <el-carousel trigger="click" :interval="5000" :height="dataHeight" arrow="always">
      <el-carousel-item v-for="(item,i) in $t('carousel.picArr')" :key="i">
        <img :src="item.src" alt />
      </el-carousel-item>
    </el-carousel>
  </div>
</template>
<script>
export default {
  // 轮播图组件
  name: 'carousel',
  props: {
    dataHeight: {
      type: String,
      default: '980px'
    }
  },
  data () {
    return {
    }
  }
}
</script>

如下图:
vue 设置el-carousel的高度_第2张图片

你可能感兴趣的:(前端)