点击tab的时候 传不一样的值vue接口

要在Vue中实现点击tab传递不同的值给接口，可以使用v-on指令绑定一个点击事件，在事件处理函数中调用接口，并将不同的值作为参数传递给接口。例如：

<template>
  <div>
    <ul>
      <li v-for="tab in tabs" :key="tab.id" v-on:click="getTabData(tab.id)">{{ tab.name }}</li>
    </ul>
  </div>
</template>

<script>
import axios from 'axios'

export default {
  data() {
    return {
      tabs: [
        { id: 1, name: 'Tab1' },
        { id: 2, name: 'Tab2' },
        { id: 3, name: 'Tab3' }
      ]
    }
  },
  methods: {
    getTabData(tabId) {
      axios.get(`/api/tabData/${tabId}`)
        .then(response => {
          // 处理接口返回的数据
          console.log(response.data)
        })
        .catch(error => {
          console.log(error)
        })
    }
  }
}
</script>

这里使用v-for指令动态渲染tab，然后在v-on指令中绑定点击事件，并在事件处理函数中调用接口，将tab的id作为参数传递给接口，从而获取不同的tab数据。