如何在 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
  }, [])
}