Javascript Vuejs Multiselect启用多选项时如何仅获取选定选项

我是VueJS新手，正在使用，启用了多选项

我需要将所选值传递给

toggleSelected

方法

在这支笔中，有一个模拟：

我看到这些值是连接在一起的，例如：当我选择第一个值时，我可以使用console.log:[object object]，选择第二个[object object]，[object object]等等

如何从选项数组中仅获取选定值和代码值

在html中，我确实使用：

<div id="app">    
          <multiselect 
            v-model="value" 
            :options="options"
            :multiple="true"
            track-by="name"
            :hide-selected="true" 
            :close-on-select="false"
            :custom-label="customLabel"
            :searchable="false" 
            placeholder="" 
            :show-labels="false"
            @input="toggleSelected(value)"
            >           
          </multiselect>      
            <pre>{{ value }}</pre> 
        </div>

  computed: {
    valueIds() {
      return this.value.map(v => v.id);
    }
  }

---

您可以为此使用计算属性。这样做：

请参见此工作示例：

---

不要更改

值

，因为它将比较

选项

以确定视图中的显示/隐藏选项。做一个电脑会更好。谢谢@王仁宏 您的解决方案非常清楚，不知道我可以使用javascript映射以这种方式访问值如何重置数组，以便每次从选择框中选择一个选项时只能有一个值？如果您指的是更改的值，请添加@select attr并提供一个访问

selectedOption

谢谢@ebbishop的函数

  computed: {
    valueIds() {
      return this.value.map(v => v.id);
    }
  }