Vue使用Element-ui走马灯功能动态改变图片和容器大小

要使用Element-UI的走马灯（Carousel）功能来动态改变图片和容器大小，可以按照以下步骤进行：

1. 引入Element-UI的Carousel组件和样式文件

import { Carousel, CarouselItem } from 'element-ui';
import 'element-ui/lib/theme-chalk/carousel.css';
import 'element-ui/lib/theme-chalk/carousel-item.css';

2. 在Vue组件中使用Carousel组件，并绑定数据

<template>
  <div>
    <el-carousel :height="carouselHeight">
      <el-carousel-item v-for="(item, index) in items" :key="index">
        <img :src="item.src" />
      </el-carousel-item>
    </el-carousel>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: [
        { src: 'https://picsum.photos/800/400/?image=1' },
        { src: 'https://picsum.photos/800/400/?image=2' },
        { src: 'https://picsum.photos/800/400/?image=3' },
      ],
      carouselHeight: 400,
    };
  },
};
</script>

3. 监听窗口大小变化，动态改变容器高度和图片大小

<template>
  <div>
    <el-carousel :height="carouselHeight">
      <el-carousel-item v-for="(item, index) in items" :key="index">
        <img :src="item.src" :style="{ width: imgWidth + 'px', height: imgHeight + 'px' }" />
      </el-carousel-item>
    </el-carousel>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: [
        { src: 'https://picsum.photos/800/400/?image=1' },
        { src: 'https://picsum.photos/800/400/?image=2' },
        { src: 'https://picsum.photos/800/400/?image=3' },
      ],
      carouselHeight: 400,
      imgWidth: 800,
      imgHeight: 400,
    };
  },
  mounted() {
    this.adjustSize();
    window.addEventListener('resize', this.adjustSize);
  },
  beforeDestroy() {
    window.removeEventListener('resize', this.adjustSize);
  },
  methods: {
    adjustSize() {
      const containerWidth = this.$el.clientWidth;
      const containerHeight = Math.round(containerWidth / 2);
      const imgWidth = containerWidth;
      const imgHeight = containerHeight;
      this.carouselHeight = containerHeight;
      this.imgWidth = imgWidth;
      this.imgHeight = imgHeight;
    },
  },
};
</script>

以上代码中，adjustSize方法会在组件挂载后和窗口大小变化时被调用，根据当前容器的宽度来计算容器高度和图片大小，并将结果保存到data中。在模板中，使用动态绑定的方式来设置图片的宽度和高度。