vue3-select2-component, tapis mengikut aksara pertama

Question

Saya memerlukan pilihan penapisan ("Penyusun" dalam tetapan berfungsi dengan baik) tetapi saya tidak boleh mendapatkan modelValue daripada "Input" tempat saya meletakkan sebarang simbol. Bagaimanakah saya boleh mendapatkan simbol pertama yang saya masukkan? Hanya berfungsi untuk acara @select, tetapi ia tidak sesuai untuk tugasan ini

<Select2
  value="modelValue"
  @input="(e) => modelValue = e.target.value"
  :settings="select2Settings"
/>
pilih2Tetapan: {
  sorter: function (hasil) {
    return results.filter((item) => item.text.startsWith(modelValue))
  }
}

Saya juga cuba menggunakan acara @change tetapi ia tidak berjaya sama sekali Dalam demo ini

Answer 1

Semuanya baik-baik saja!

select2Settings: {
    matcher: function (params, data) {
      if (!params.term)
        return data;
      if (data.text.toLowerCase().startsWith(params.term.toLowerCase()))
        return data;
      else
        return null;
    },
}