如何在 Vue 多选和预选选项中键入 select 键？ Vue

Question

如何在 vue 多选插件中发送密钥？ 检查我的代码：

<multiselect v-model="form.docTypeIds" :options="docTypes" :multiple="true" placeholder="All" track-by="l" label="l"></multiselect>

docTypes 是数组，如：

{
    "k": 19,
    "l": "test1"
}, {
    "k": 53,
    "l": "test2"
},

现在我像这样发送 object ：

{
    k: 19,
    l: "testtest"
}, {
    k: 53,
    l: "testteste2"
}

我只需要发送 k 和 19, 53

我需要发送这个：

[19,53]

如果选择了注释，我也需要发送我需要发送

-1

Answer 1

而不是使用v-model ，使用value和@change

:value="form.docTypeIds"

还有一个@change ：

@select="handleMultiSelection"

然后添加将值reduces到array of ids方法：

handleMultiSelection (values) {
  this.form.docTypeIds = values.reduce((carry, obj) => {
    return obj.k
  }, [])
}