Для поиска по введенной строке я добавил компонет vue-instant на страницу с кастомным дизайном :
CODE (html):
скопировать код в буфер обмена
скопировать код в буфер обмена
- <div class="form-group">
- <div class="form-box">
- <div class="form-box__label"><span>Имя и фамилия</span></div>
- <div class="form-box__content">
- <input type="text" class="form-control" placeholder="Ваше и v-model="form.name">
- </div>
- </div>
- </div>
- <div class="form-group">
- <div class="form-box">
- <div class="form-box__label"><span>Город проживания</span></div>
- <div class="form-box__content" style="border: 0px dotted red !important; padding-right: 40px !important;">
- <vue-instant :suggestOnAllWords="true"
- :suggestion-attribute="'title'"
- v-model="form.city_title"
- :disabled="false"
- @selected="selected"
- :show-autocomplete="true"
- :autofocus="false" :suggestions="citiesSelectionArray"
- style=" padding-right: -90px !important;"
- class="form-control"
- name="customName" placeholder="Выберите город" type="google">
- </vue-instant>
- </div>
- </div>
- </div>