да, точно! dynamic components :) спасибо)

Кто может подсказать, как лучше сделать в таблице выбор целой колонки если в шапке будет текст или иконка. Добавить к тексту checkbox или как то по другому?

всем привет

Кто может подсказать, как лучше сделать в таблице выбор целой колонки если в шапке будет текст или иконка. Добавить к тексту checkbox или как то по другому?

checkbox

есть два компонента: TaskList и CardDetails. В первом компоненте идет axios запрос к api, после ответа получаю объект. Как передать это объект из одного компонента в другой?

я использую $emit

примерно так:

а test это метод который я создал в родительском для обоих компонентов компоненте

Я бы получал в родителе и через props ниже передавал, кому нужно. Или vuex

а test это метод который я создал в родительском для обоих компонентов компоненте

У тебя метод, который получает данные , не в родителе ?

нет

я данные пытаюсь передать

Почему нет ?

так как второй компонент это модалка.

а test это метод который я создал в родительском для обоих компонентов компоненте

все плохо у тебя

Это херовый поток данных

Ставь сразу vuex

Он тебе понадобится

100%

пойду вашим путем, спасибо)

В любом случае вызывай метод в рлдителе

Пусть модалка просто событие генерирует

В любом случае вызывай метод в рлдителе

Если не хочешь vuex

я использую vue в blade шаблонах

получается у меня родительского компонента здесь просто нет

я хотел при @showinfo просто показывать модалку и вставлять туда данные из response.data

заранее передав этот объект из первого компонента во второй

что думаете об этом?

Я ничего не понял

заранее передав этот объект из первого компонента во второй

Вот просто интересно, а почему нельзя вызвать метод в родителей, всунуть его в проперти и разлить ее по детям?

Не говоря, про стэйт, шину и вообще логику

просто не хотел засорять файл, теперь понимаю, что этот метод самый лучший

просто не хотел засорять файл, теперь понимаю, что этот метод самый лучший

Это делается через глобальный стейт

сейчас сделаю как вы советовали и отпишусь, спасибо

хотел узнать о vuex

Парни, привет, помогите советом) http://joxi.ru/E2pnxPzu9zoKgr В vuex есть пустой объект cart, куда записываю пару prod_id: qty, и нужно вывести количество товаров в корзине. Создал геттер, но при изменении объекта cart он не обновляет значение количества товаров, Как правильно тут заюзать геттер, что бы он смотрел на изменения cart и возвращал обновлённое количество товаров?

Во вторых, добавление нового свойства в объект не реактивно

Такое надо через Vue.set делать

а что не так?

Тебе надо посчитать сколько объектов есть в этом?

нет, в объекте cart лежит '1' : 2, '2': 4 где ключ id товара, а значение количетво

мне нужно общее кол-ва

Ок, всё равно не правильно

Ибо ты суммируешь ключи а не значения

return Object .values(state.cart) .reduce((x, y) => x + y, 0);

Каким редактором пользуешься ?)

vs code, тема one dark pro

мне нужно общее кол-ва

Сорян я там сразу пропустил кое-что, уже поправил

vs code, тема one dark pro

понял спасибо)

Сорян я там сразу пропустил кое-что, уже поправил

Спасибо, сейчас посмотрю. Но что по поводу Vue.set, это где заюзать нужно?

понял спасибо)

?

Спасибо, сейчас посмотрю. Но что по поводу Vue.set, это где заюзать нужно?

Там, где добавляешь новые товары в корзину

Сделай import Vue from 'vue'; И потом где добавляешь Vue.set(state.cart, id, value);

Сделай import Vue from 'vue'; И потом где добавляешь Vue.set(state.cart, id, value);

Спасибо!

ребятки, а как лучше сделать валидацию токена. Допустим, юзер авторизовался. Потом ключи для JWT поменялись. через время юзер открывает страницу. Есть три варианта: 1) На каждый реквест добавляется заголовок, если там токен не валидный, мы отдаем 401, а в axios.interceptors ловим это, и вызываем auth.logout(), что в свою очередь чистит токен, и редиректит на страницу логина. 2) На каждый переход между страницами, router.beforeEach, делать валидацию токена (запрос на сервер), и если все ок - делаем next(), а если нет - auth.logout() 3) Комбо из двух вариантов, что избыточно. Можнт ещё какие-то есть?

Делай первый вариант. Фронт не должен ничего делать с токеном.

В идеале вообще в куки запиши.

ERROR: S client not available

тут в обоих вариантах фронт ничего не делает с токеном :)

кроме того, что просто удаляет его из localStorage/кук

Зачем фронту удалять из кук?

Сервер должен это делать.

ну ок, предположим, что это хранится в localStorage. там сервер никак не почистит.

Говно решение.

Из локалстораджа можно украсть токен.

каким образом?

Скрипт внедрят на страницу и просто прочитают.

Ломом и сверлом

+ дополнительный гемор со стороны разработчика по записи/чтения/удаления в локалсторадж

А если апи на вебсокетах?

Скрипт внедрят на страницу и просто прочитают.

Маловероятно, но я примерно понял вашу идею. для кук можно указать httponly.

Тут есть рациональное зерно, конечно.

А если апи на вебсокетах?

Делаешь запрос на сервер и получаешь уникальный урл, к примеру. Но не задумывался над этой проблемой.

Делаешь запрос на сервер и получаешь уникальный урл, к примеру. Но не задумывался над этой проблемой.

Уникальный урл для ВС?

А если апи на вебсокетах?

Бифор ич и обновлять переодически пермишены

Уникальный урл для ВС?

Да.

Народ, подскажите, каким образом лучше обрабатывать переданные в компонент данные через props? По какому событию или хуку их лучше ловить?

Делаешь запрос на сервер и получаешь уникальный урл, к примеру. Но не задумывался над этой проблемой.

Но у меня сервер только на вебсокетах, нет реста

Ну сорян. А у меня 1 нога. Как бегать?

Народ, подскажите, каким образом лучше обрабатывать переданные в компонент данные через props? По какому событию или хуку их лучше ловить?

Ещё раз читай доку

Ну сорян. А у меня 1 нога. Как бегать?

Прыгай

Ну вот тебе и ответ)

использую vue + laravel соотвественно задумался над тем чтобы вынести vuex в отдельную папку store и далее плодить там getters, mutations и т.д. как считаете будет ли это правильным с точки зрение структуры проекта?

нет, пиши все в один файл который потом будет ппц как долго открываться в IDE, а потом вообще запутаешься в структуре модулей))

конечно правильно разделять на файлы, где будет только нужная логика

?

спасибо