vue3-select2-component, filter by first characters

Евгений Гедройц 0
Viewed 26

I need to filter options('sorter' in settings work fine) but i can't to get modelValue from 'input' that i type any symbols in. How can i get the first symbols that i typed ? Work only event @select but it is not suitable for this task

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

Also i tried use event @change but it doesn't work at all in this demo

vue.js javascript
1 Answers

It's work fine!

select2Settings: {
    matcher: function (params, data) {
      if (!params.term)
        return data;
      if (data.text.toLowerCase().startsWith(params.term.toLowerCase()))
        return data;
      else
        return null;
    },
}
Евгений Гедройц0
Related