Vue-select绑定v模型以节省值，而不是标签

Question

我是VueJs的新手（目前正致力于：2.5.8）并尝试实施vue-select。

我已成功将插件集成到我的应用中，并将其用于：

<v-select :options="oData" v-model="selected">

new Vue({ el: "#app", data: { oData: ["foo", "bar"], selected: null } });

这似乎工作正常，但每当我从选项中选择foo或bar时，selected包含基于所选的foo/bar，而我想存储它的相应索引，例如：如果选择了foo，selected应该包含0而不是foo。

任何人都可以帮助我实现这一目标吗？

Answer 1

以下代码对我有用。

oData = [{label:"foo", value:"1"},{label:"bar", value:"2"}]

<v-select 

v-model="selected"

:items="oData"

item-text="label"

item-value="value"

>

</v-select>