将数组元素从一个组件传递到另一个组件（ionic/vuejs）

Question

您好，我遇到了一个小问题。我正在尝试使用 v-select 和 v-select-option 组件来获取我从数据库中获取的组列表​​。我想显示所有组，所以我使用 v-for 来浏览我的元素数组。我的表是“groupContent”，它包含我恢复良好的名称和 ID 表。

到目前为止没有问题，除了在我的数据库中有一个“id”表，除了我在后面显示的组名（data.name）之外，我还想检索该表。所以在我的数据库中我有 group_id 和 group_name。 我的表是“groupContent”，它包含我恢复良好的名称和 ID 表。 我想使用 v-select 检索所选组的 id 并将其发送到我下面的函数 (sendRequestTo(data.id)。

我的问题很简单：如何将数组数据从一个组件（v-select-option）发送到另一个组件？我看到有 v-model 但我没有设法使用它。我试图将我的 v-for 放在另一个地方，以便更轻松地访问我的 data.id，但我遇到了显示问题并且我的 v-select 没有检索到组列表。我想检索我的 data.id 并将其作为参数插入到我的 sendRequestTo 函数中。

这是我的代码：

<template>
  <ion-card>
    <ion-item>
      <ion-label>Liste des groupes </ion-label>
      <ion-select interface="options">
        <ion-select-option
          v-for="data of groupContent"
          :key="data.id"
        >
          {{ data.name }}
        </ion-select-option>
      </ion-select>
    </ion-item>
    <div v-if="!request">
      <ion-button @click="sendRequestTo(data.id)">
        Demande de requête
      </ion-button>
    </div>
    <div v-else>
      <ion-button class="deux"> Requête envoyé ! </ion-button>
    </div>
  </ion-card>
</template>

这是我的结果，我们的 v-select 中有组列表 (data.name)，我想要的是在我选择组并将其发送到我的 sendRequestTo( data.id) 对应蓝色按钮的函数