Как по ссылке положить нужные товары в корзину VUE?

Question

[dimonfreeman]

Подскажите как реализовать что бы можно было делиться корзиной с товарами другому пользователю .
Сейчас же товары хранятся в кеше.
Думаю в url передавать id товара.

Answer 1

[Алексей Ярков]

Передавайте id товаров в массиве в урле

Comments

[dimonfreeman]

а как их потом получить и отобразить ?

[Алексей Ярков]

dimonfreeman,

const params = new URLSearchParams('?id=1&id=2')
console.log(params.getAll('id')) // ["1", "2"]

[Алексей Ярков]

dimonfreeman, а зачем? Я всё написал в ответе и комментарии ))

[Алексей Ярков]

dimonfreeman, нет, спасибо )) Мне работы за глаза хватает, чтобы о деньгах не думать.
Если ответ помог, то отметьте, пожалуйста, решением.

[dimonfreeman]

Алексей Ярков, та тут теперь дальше вопросы возникают) как его запихнуть в items)
props: { items: {
type: Array,
default: () => ([])
},...}
вот так товары попадут, а как их вкинуть с url? params я тут получу id, а что дальше... что-то стопорит)

[Алексей Ярков]

dimonfreeman, передать props из роутера

Answer 2

[Sergey Romanov]

Есть только 2 способа.

1. Корзина должна сохраняться на сервере. В приложении, где нужно делиться корзинами это идеальный способ. Потому что после того, как ты поделился корзиной ты можешь изменить ее, и если ты передал ID, то у другого человека ничего не измениться. Или, например другой человек хочет поправить в корзине товар, ты не увидишь, что он изменил.

2. Как сказал Алексей Ярков передавать список ID товаров. Но это не корзина. Это просто список товара, получается по этому УРЛ для другого пользователя создастся новая корзина. Так что ты не делишься корзиной, а только списком товаров.

Comments

[dimonfreeman]

все верно, нужно поделиться списком товара+выбраным способом доставкой и оплатой.
в route.query.id получаю id.
а как их запихнуть теперь в пропс заменив/удалив текущие не ясно...