Vue-multiselect:如何将对象转换为数组，以便在选项属性中使用？

Question

我正在使用vue-multiselect如下所示：

...that从阵列中获取活动客户列表，然后在漂亮的选择菜单中提供这些客户。

这很好用。但是，我需要从另一个资源添加另一个选项(称为customerNone)发送到optionsprop，但数据以对象的形式返回，如下所示：{"uid":1，“姓氏”：“未给定”，“名字”：“用户”，“电子邮件”：null，“电话”：null...blah}vue-multiselect文档声明:option道具必须成为一个数组。

问:在vue-multiselect组件中处理这个问题的最佳方式是什么？以下是我试图帮助解释我正在尝试做的事情(不确定这是否是处理它的最佳方法)。

不幸的是，我的尝试导致了一个控制台错误(见下文)：

我正在传递一个名为noCustomer如果是true，我需要使用customerNone配置文件打开:options错误如下：

Invalid prop: type check failed for prop "options". Expected Array, got Object

有没有一种方法可以将customerNone对象转换为对象数组？谢谢！

Answer 1

您可以将customerNone对象在传递给类似对象时放在括号中。[customerNone]..。

此语法动态创建一个新数组，其中有一个元素是对象变量：

更新备注

为了在通用选项可用时自动选择它，请使用watch在noCustomer要设置的道具value无论何时noCustomer === true

watch: {
  noCustomer(newValue, oldValue) {
    if(newValue) {        // Checking that `noCustomer === true` 
      this.value = this.customerNone;
    }
  }
}