I'm using vue-multiselect(V2.1.6) component for my project with nuxt 2 and Vue 2.6. Here created the component with asynchronous search which I need to search a word by typing. Furthermore, I need to restrict the search word's character length to 25 in other words the user cannot type more than 25 characters for a search. There is another implementation there which is if the word is not having the choices I can save it as a new word too. It's working fine But I need to give a character length for searching.
Here is my component
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<multiselect
:id="questionCode"
ref="multiselect"
v-click-outside="hide"
:value="initialValue"
:question-code="questionCode"
label="text"
track-by="answerCode"
open-direction="bottom"
:options="choices"
:searchable="true"
:loading="isLoading"
:internal-search="false"
:clear-on-select="false"
:close-on-select="true"
:options-limit="300"
:limit="3"
:limit-text="limitText"
:max-height="600"
:show-no-results="false"
:hide-selected="true"
:disabled="!isEnabled"
:show-labels="false"
:max-length="2"
:class="
isErrorVisible ? 'question-error--outline' : 'question-regular--outline'
"
@search-change="asyncFind"
@select="$emit('update:initialValue', $event)"
@open="asyncFind('')"
></multiselect>