将对象用作Vue选择选项

问题描述

我知道，Vue Select文档指定选项应该是数组，但是有办法解决吗？我想将对象键用作值，并将对象值用作标签。

我的数据：

obj: {
   value: 'en',options: {
     'ar': 'arabic','ast': 'Asturian','en':' English'
   }
}

 <v-select                                       
       v-model="obj.value"
       :options="Object.keys(obj.options)"                                 
>

我知道我可以通过这种方式将键用作选项，但是我不知道如何使用值作为标签。有提示吗？

解决方法

您可以通过多种方式来做到这一点，但其中一种选择是：

<v-select v-model="obj.value" :options="obj.options" :reduce="val => val.code"/>

对数据的唯一更改应该是obj.options如下所示：

obj: {
    value: "en",options: [
      { label: "Arabic",code: "ar" },{ label: "Asturian",code: "ast" },{ label: "English",code: "en" }
    ]
  }

相关文档transforming-selections