使用Vue添加向左和向右滑动

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

var app = new Vue({
  el: '#app',
  data: {
    currentIndex: 0, // 当前显示的图片索引
    images: ['image1.jpg', 'image2.jpg', 'image3.jpg'] // 图片数组
  },
  methods: {
    slideLeft: function() {
      if (this.currentIndex > 0) {
        this.currentIndex--;
      }
    },
    slideRight: function() {
      if (this.currentIndex < this.images.length - 1) {
        this.currentIndex++;
      }
    }
  }
});

<div id="app">
  <img :src="images[currentIndex]">
  <button @click="slideLeft">向左滑动</button>
  <button @click="slideRight">向右滑动</button>
</div>