Topic: Autocomplete Vue
eladhr83 free asked 4 years ago
Expected behavior v-model should always hold the text written on the input,
Actual behavior v-model only get updated when typing the value that is in the list
Resources (screenshots, code snippets etc.) states[] = { "United States", "Germany", ....} The user types blahblah The value in state is the previous legal field or empty if it started empty
Magdalena Dembna staff answered 4 years ago
Hi,
The mdbAutocomplete component by default is meant to allow the user to enter only values from the provided list - so the inability to enter 'blahblah' in the country field is intentional. If on the other hand, you want to handle other values as well, use @input.native
instead of v-model
.
<mdb-autocomplete
icon="heart"
:data="states"
label="What is your favorite US state?"
@input.native="updateValue"
/>
updateValue(e) {
this.autocompleteValue = e.target.value;
},
Best regards, Magdalena
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- ForumUser: Free
- Premium support: No
- Technology: MDB Vue
- MDB Version: 6.3.0
- Device: PC
- Browser: Chrome
- OS: Ubuntu
- Provided sample code: No
- Provided link: No