<van-sidebar v-model="activeKey" fixed="false"> <van-sidebar-item title="新手球拍" /> <van-sidebar-item title="进阶球拍" /> <van-sidebar-item title="高级球拍" /> </van-sidebar>利用onchange监听索引事件，当点击是把对应的索引赋值给对应的图片，实现页面把不同数据切换代码

可以在`<van-sidebar>`标签中添加`@change`事件监听，同时在`data`中定义一个变量来存储当前选中的索引和对应的图片列表，示例代码如下：

<template>
  <div>
    <van-sidebar v-model="activeKey" fixed="false" @change="changeImage">
      <van-sidebar-item title="新手球拍" />
      <van-sidebar-item title="进阶球拍" />
      <van-sidebar-item title="高级球拍" />
    </van-sidebar>
    <img :src="currentImage" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      activeKey: 0,
      imageList: [
        'https://example.com/newbie.jpg',
        'https://example.com/advanced.jpg',
        'https://example.com/pro.jpg'
      ]
    }
  },
  computed: {
    currentImage() {
      return this.imageList[this.activeKey]
    }
  },
  methods: {
    changeImage() {
      // do something when sidebar item is changed
    }
  }
}
</script>

在`changeImage`方法中可以添加对应的逻辑，例如发送请求获取对应选项的数据等。