uni-segmented-control的点击事件

`uni-segmented-control` 组件的点击事件可以通过监听它的 `change` 事件来实现。当用户点击选项卡时，`change` 事件会触发，传递一个参数 `event`，其中包含了用户点击的选项卡的索引值。

你可以在 `change` 事件的回调函数中获取这个索引值，并进行相应的操作。例如，可以根据不同的索引值展示不同的内容。

以下是一个示例代码：

<template>
  <view>
    <uni-segmented-control @change="handleChange" :current="current">
      <uni-segmented-control-item title="选项1"></uni-segmented-control-item>
      <uni-segmented-control-item title="选项2"></uni-segmented-control-item>
      <uni-segmented-control-item title="选项3"></uni-segmented-control-item>
    </uni-segmented-control>
    <view v-if="current === 0">选项1的内容</view>
    <view v-if="current === 1">选项2的内容</view>
    <view v-if="current === 2">选项3的内容</view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      current: 0 // 默认选中第一个选项卡
    }
  },
  methods: {
    handleChange(event) {
      this.current = event.detail.index // 获取用户点击的选项卡的索引值
    }
  }
}
</script>

在这个示例代码中，我们监听了 `uni-segmented-control` 组件的 `change` 事件，并在回调函数中获取了用户点击的选项卡的索引值。然后根据不同的索引值展示了不同的内容。