Как грамотно реализовать поисковую строку?

Question

[Александр]

У меня есть поле

<BaseSelect
        :label="$trans('Компания')"
        name="company_id"
        class="select"
        :value="form.company_id"
        :options="companies"
        :errors="form.errors.company_id"
        :need-border="true"
        :required="true"
        @input="form.company_id = $event" />

Как в нем реализовать поисковую строку по "companies"? С vue js не работал, поэтому не получается реализовать эту задачу. Заранее большое спасибо

Comments

[luxurypluxury]

Это больше подходит не к вопросу, а сделайте готовое решение потому что вы не работали с vue.

[YepBro]

Что не дает взять готовый компонент и к нему написать хендлер для поиска и возврата массива найденных данных?

Answer 1

[Дмитрий Перевозкин]

Добрый день, ну companies содержит в себе label или title, или любое другое поле, если на ввод реагировать, нужен обработчик, то есть в BaseSelect должен быть еще input который будет делать emit наружу и там уже работать с содержимым, я сейчас смотрю @input сейчас конкретно работает по выбору из списка, вам нужно поменять наверное @input на @select, если это свой select, кастомный, значит нужно сделать кастомный emit @select и по нему присваивать выбранную компанию в form.company_id, а @input мог бы emit делать на поле ввода и обрабатывать value из него и получилось бы получать строку и уже по строку фильтровать массив и возвращать нужные компании, но боюсь что объяснил не совсем так, чтобы вы поняли, лучше найти готовый Select с поиском или если нужно использовать именно этот селект, нужно дорабатывать его, сейчас он очень сыро выглядит, то есть у него в идеале должен быть v-model, а не старый :value + @input target

Comments

[Александр]

Большое спасибо за такой развернутый ответ!