uni-app添加一个按钮，点击此按钮可完成图片切换

在uni-app中添加一个按钮并实现点击按钮切换图片的功能，可以通过以下步骤来完成：

1. 在你的`.vue`组件的模板部分添加一个按钮元素，并为其绑定一个点击事件处理器。例如，你可以使用`v-on`或简写为`@`来绑定点击事件：

   <template>
     <view>
       <button @click="switchImage">切换图片</button>
       <image :src="currentImage" class="my-image"></image>
     </view>
   </template>

2. 在组件的`<script>`部分定义`switchImage`方法，该方法将负责切换图片。你可以使用一个数组来存储图片资源的路径，并使用一个变量来跟踪当前显示的图片索引：

   <script>
   export default {
     data() {
       return {
         // 图片数组，包含图片路径
         images: [
           'path/to/image1.jpg',
           'path/to/image2.jpg',
           // 更多图片路径
         ],
         // 当前图片索引
         currentIndex: 0
       };
     },
     methods: {
       switchImage() {
         // 更新索引，使用取余操作确保索引在数组长度内循环
         this.currentIndex = (this.currentIndex + 1) % this.images.length;
         // 更新当前图片源
         this.currentImage = this.images[this.currentIndex];
       }
     },
     computed: {
       // 计算属性，根据当前索引返回对应图片路径
       currentImage() {
         return this.images[this.currentIndex];
       }
     }
   };
   </script>

3. 在`<style>`部分，你可以为图片定义样式，或者如果你有样式需求的话：

   <style>
   .my-image {
     width: 300px;
     height: 200px;
   }
   </style>

确保你已经在项目中引入了图片资源，且路径正确，这样在运行应用时图片才能正确显示。