点击tab的时候 传接口里不同的参数状态vue接口显示不一样

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

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

<script>
import axios from 'axios'

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

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