Size: a a a

Клуб Vue.js-разработчиков

2021 February 23

IK

Illya Klymov in Клуб Vue.js-разработчиков
спасибо @meanali
источник

IK

Illya Klymov in Клуб Vue.js-разработчиков
Три фичи которые мы доделаем:
- сохранения списка тикеров после перезагрузки
- пагинация и фильтрация списка тикеров
- сохранение статуса пагинации и фильтрации в урле
источник

АС

Антон Середний... in Клуб Vue.js-разработчиков
Illya Klymov
Три фичи которые мы доделаем:
- сохранения списка тикеров после перезагрузки
- пагинация и фильтрация списка тикеров
- сохранение статуса пагинации и фильтрации в урле
звучит как мега-полезные фичи
источник

IK

Illya Klymov in Клуб Vue.js-разработчиков
причем третью без роутера (и это принципиально)
источник

A

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

VS

Vlad 🦠 Starkovsky in Клуб Vue.js-разработчиков
Illya Klymov
причем третью без роутера (и это принципиально)
Никак хистори апи потрогаем?
источник

VS

Vlad 🦠 Starkovsky in Клуб Vue.js-разработчиков
Ali
Еще как дополнительная задачка к валидации, можете сделать проверку на саму валидность тикера, что бы лишь доступные варианты из API, которое мы получили, могли добавлять
Это вы можете реализовать самостоятельно)
источник

A

Ali in Клуб Vue.js-разработчиков
Vlad 🦠 Starkovsky
Это вы можете реализовать самостоятельно)
?)
Я коллегам лишь дал доп идею к задачки)
Сам уже все это завершил
источник

VS

Vlad 🦠 Starkovsky in Клуб Vue.js-разработчиков
Ali
?)
Я коллегам лишь дал доп идею к задачки)
Сам уже все это завершил
🌚 будет хорошо если с основной задачей справятся)
источник

DL

Dmitriy Lavrentev in Клуб Vue.js-разработчиков
Артур Черешнюк
я хочу обратится к ключу active_box в каждом элементе в цикле? почему такая запись не работает tool[index].active_box
Немного бесплатного менторства))

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

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

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

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

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

ℝΞ-1 :: ∅ → 🦠 → 👑... in Клуб Vue.js-разработчиков
Артур Черешнюк
я хочу обратится к ключу active_box в каждом элементе в цикле? почему такая запись не работает tool[index].active_box
не нужно мутировать объекты в массиве.
создаешь в data что-то типа activeToolId: null,
потом метод @click="onToolClick(tool)" в шаблоне
его реализация что-то типа onToolClick(tool) { this.activeToolId = tool.id }
и в шаблоне используем это свойство  для установки active class'а
:class="{ active :  activeToolId === tool.id }"
источник

АЧ

Артур Черешнюк... in Клуб Vue.js-разработчиков
ℝΞ-1 :: ∅ → 🦠 → 👑
не нужно мутировать объекты в массиве.
создаешь в data что-то типа activeToolId: null,
потом метод @click="onToolClick(tool)" в шаблоне
его реализация что-то типа onToolClick(tool) { this.activeToolId = tool.id }
и в шаблоне используем это свойство  для установки active class'а
:class="{ active :  activeToolId === tool.id }"
спасибо!
источник

АЧ

Артур Черешнюк... in Клуб Vue.js-разработчиков
Dmitriy Lavrentev
Немного бесплатного менторства))

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

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

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

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

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

А

Антон in Клуб Vue.js-разработчиков
Артур Черешнюк
я хочу обратится к ключу active_box в каждом элементе в цикле? почему такая запись не работает tool[index].active_box
tools[index].active_box = true
источник

РК

Роман Кабиров... in Клуб Vue.js-разработчиков
Просыпаешь, смотришь в чат а тут.
источник

КА

Козиходжа Азизов... in Клуб Vue.js-разработчиков
Роман Кабиров
Просыпаешь, смотришь в чат а тут.
😂
источник

KI

Kairov Islyambek in Клуб Vue.js-разработчиков
Всем привет , как сбрасывать значение инпута при первом рендере?
источник

in Клуб Vue.js-разработчиков
Kairov Islyambek
Всем привет , как сбрасывать значение инпута при первом рендере?
А какое там значение по дефолту?
источник

ГБ

Грустный Барин... in Клуб Vue.js-разработчиков
Kairov Islyambek
Всем привет , как сбрасывать значение инпута при первом рендере?
Возможно вам подойдёт обычный mounted + v-modal к самому input
источник

KI

Kairov Islyambek in Клуб Vue.js-разработчиков
А какое там значение по дефолту?
по дефолту   searchStr:  ' ', я в креате через локал стораж хранил значение
источник