Javascript 如何使用vue multiselect通过循环创建对象

我正在使用vue multiselect与laravel进行一个项目。 选定的值以这种方式保存在数据库中

['value_on','value_two','value_three', and so on...]

在用户可以进行更新的部分，我需要显示来自数据库的值
这是我需要创建的对象

   sizeValue: [
               {size: 'val_one},
              {size: 'val_two},
               {size: 'val_three}
              ...and so on

            ]

现在我只有一个空数组，我应该在其中循环数据库中的数据

 //This is the empty array
 sizeValue: [];

//This is the array coming from the server it will return['val_one','val_two','val_three',...and so on]
product.sizes

由于我对javascript没有太多经验，我想问一下如何才能得到这个结果

     sizeValue: [
               {size: 'val_one},
              {size: 'val_two},
               {size: 'val_three}
              ...and so on

            ]

---

在空的sizeValue中循环来自DB的值（product.sizeValue）。

您只需创建

sizeValue

，并使用javascript

map

这可能是这样的：

<script>
export default {
  computed: {
    sizeValue() {
      return this.product.sizes.map(productSize => {
        return {
          size: productSize
        };
      });
    }
  }
};
</script>

导出默认值{
计算：{
sizeValue（）{
返回此.product.size.map（productSize=>{
返回{
尺码：productSize
};
});
}
}
};

希望这有帮助：）