Problem nuxt.js Vue.js图像滑块更改照片第一个段落第二张照片不显示backslide1未添加到dom

<template>
  <div>
    <div v-for="(image, index) in images" :key="index">
      <img :src="image.src" :alt="image.alt" />
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      images: [
        { src: 'path/to/image1.jpg', alt: 'Image 1' },
        { src: 'path/to/image2.jpg', alt: 'Image 2' },
        // 其他图片
      ]
    };
  }
};
</script>

<style scoped>
div {
  display: flex;
  justify-content: center;
  align-items: center;
}

img {
  width: 100%;
  height: auto;
}
</style>

<script>
export default {
  data() {
    return {
      images: [
        { src: 'path/to/image1.jpg', alt: 'Image 1' },
        { src: 'path/to/image2.jpg', alt: 'Image 2' },
        // 其他图片
      ]
    };
  },
  mounted() {
    console.log(this.$el); // 检查 DOM 结构
  }
};
</script>