спасибо @meanali

Три фичи которые мы доделаем:
- сохранения списка тикеров после перезагрузки
- пагинация и фильтрация списка тикеров
- сохранение статуса пагинации и фильтрации в урле

звучит как мега-полезные фичи

причем третью без роутера (и это принципиально)

Еще как дополнительная задачка к валидации, можете сделать проверку на саму валидность тикера, что бы лишь доступные варианты из API, которое мы получили, могли добавлять

Никак хистори апи потрогаем?

Это вы можете реализовать самостоятельно)

?)
Я коллегам лишь дал доп идею к задачки)
Сам уже все это завершил

🌚 будет хорошо если с основной задачей справятся)

Немного бесплатного менторства))

Во первых: у Вас скорее всего опечатка и Вы хотели обратиться к tools[index].active_box, а не к tooll[index]

Во вторых: Вы пытаетесь присвоить значение свойству объекта, да и еще внутри массива, но это действие не реактивно.

Почитайте про ограничения реактивности для объектов и массивов: https://ru.vuejs.org/v2/guide/reactivity.html.

В третих: Подобные действия как манипуляция с данными, хэндлеры событий, вычисляемые свойства и т.д. лучше выносить из шаблона, чтобы он оставался чистым (вынесите все в computed и methods разделы).

И в четвертых: Для чистоты шаблона, у Вас напрашивается разбиение на более мелкие компоненты (Список -> Элемент списка -> Форма внутри элемента списка).

не нужно мутировать объекты в массиве.
создаешь в data что-то типа activeToolId: null,
потом метод @click="onToolClick(tool)" в шаблоне
его реализация что-то типа onToolClick(tool) { this.activeToolId = tool.id }
и в шаблоне используем это свойство  для установки active class'а
:class="{ active :  activeToolId === tool.id }"

спасибо!

хорошо, спасибо

tools[index].active_box = true

Просыпаешь, смотришь в чат а тут.

😂

Всем привет , как сбрасывать значение инпута при первом рендере?

А какое там значение по дефолту?

Возможно вам подойдёт обычный mounted + v-modal к самому input

по дефолту   searchStr:  ' ', я в креате через локал стораж хранил значение