在对计算数组使用v-for设置最大高度时，使用Vue手动循环幻灯片

data() {
  return {
    slides: [
      { id: 1, image: 'slide1.jpg' },
      { id: 2, image: 'slide2.jpg' },
      { id: 3, image: 'slide3.jpg' }
    ]
  }
}

<div v-for="slide in slides" :key="slide.id" :style="{ 'max-height': slideHeight + 'px' }">
  <img :src="slide.image" alt="Slide Image">
</div>

computed: {
  slideHeight() {
    const slideCount = this.slides.length;
    const slideHeight = 200; // 设置每个幻灯片的高度为200px
    const maxHeight = slideCount * slideHeight;
    return maxHeight;
  }
}