Vuejs选项。从所选项目中获取ID

Question

我实际上正在使用VueJS并遇到了一些问题

我有一个选择器，需要记住一个ID，以便以后在axios请求中发送。在“选择的”变量中，出于用户友好的原因，我们仅需保留“类型”的名称。因此，我需要获取用户选择的ID，而不显示它。实际上，代码看起来像这样。

<select v-model="selected">
 <label for="lg_type" class="sr-only">Type de personnage</label>
  <option disabled value="">Choisir un type</option>
  <option v-for="onetype in playertype" class="form-control" id="lg_type" name="lg_type" v-bind:key="onetype.idType">
      {{onetype.idType}}-{{ onetype.name }}
  </option>
</select>

Selected是所选类型的实际名称。由于是Vue，因此当我从选择器中单击另一个Type时，它会自动更改它]

onetype包含两件事：一个名称和一个idTypeplayertype包含所有类型的数组

正如我们在代码中看到的，我显示类似“ idType-name”的内容，但是我只想显示“ name”（所以只删除onetype.idType），但是我需要获取ID才能将其发送到其他地方（我不能使用onetype.idType将id传递给我的axios方法）

我不知道它是否足够清楚，但是我需要将onetype.idType发送到axios方法，但是我不能以这种方式使用它。

谢谢您，这让我发疯，我觉得我错过了明显的事情> <

我实际上是在使用VueJS，遇到一个小问题，我有一个选择器，它需要记住一个ID，以便稍后在axios请求中发送。在“选定的”变量中，我们只需要保留名称...

Answer 1

使用value属性，您将在v-model中获得它，而不是显示的选项：