Все говорят что вешать событие на router-link плохо. Тогда у

Question

Все говорят что вешать событие на router-link плохо. Тогда у

меня напрашиваеться вопрос, когда я нажимаю на линку то у меня должны на екране отрисоваться данные с апи, Как мне сделать axios.get если вешать на router-link @click - это считаеться плохо, в документации не совсем понятно как это должно работать?????

#frontend #javascript #programming #russian #vue.js

0

12.12.2021

16 ответов

18 просмотров

Bogdan Автор вопроса

Grigorii K. Shartsev
Правильно говорят. Тут нужна не документация, а ...

Ок. Каким образом подгружать данные на страницу??

0

12.12.2021

⚓️ Sergey Ryzhkov

Bogdan
Ок. Каким образом подгружать данные на страницу??

В жизненном хуке страницы

0

12.12.2021

Bogdan Автор вопроса

⚓️ Sergey Ryzhkov
В жизненном хуке страницы

пробую в моунтеде не работает

0

12.12.2021

⚓️ Sergey Ryzhkov

Bogdan
пробую в моунтеде не работает

К сожалению, сам понимаешь, без кода и пояснений вряд ли кто ответит.

0

12.12.2021

Bogdan Автор вопроса

⚓️ Sergey Ryzhkov
К сожалению, сам понимаешь, без кода и пояснений в...

https://codesandbox.io/s/vuex-vue-router-example-forked-e0b2d?file=/src/App.vue

0

12.12.2021

Bogdan Автор вопроса

⚓️ Sergey Ryzhkov
К сожалению, сам понимаешь, без кода и пояснений в...

Не могу понять прикола скопирвал со своего кода тупо все под копирку в кодсанбокс лять в нем работает а у меня нет((

0

12.12.2021

⚓️ Sergey Ryzhkov

Bogdan
Не могу понять прикола скопирвал со своего кода ту...

у меня также в сандбоксе работает :) Ладно... Разбирайся... Могу тебе нескольк советов дать 1. Не юзай сторе (vuex) ради вызова API. Вот зачем???? Почему многие это делают? Какой ч(м)удак это где-то в примерах сделал 2. Не дергай API итд в самом хуке. Вы носи в отдельный метод, а из хука вызывай этот метод. Еще придется на 99% переиспользовать код

0

12.12.2021

Bogdan Автор вопроса

⚓️ Sergey Ryzhkov
у меня также в сандбоксе работает :) Ладно... Разб...

Уже разобрался заработало))

0

12.12.2021

⚓️ Sergey Ryzhkov

⚓️ Sergey Ryzhkov
у меня также в сандбоксе работает :) Ладно... Разб...

ну и еще, не мешай, await и then в одной конструкции... Не издевайся над читателями твоего кода :) (а ты же в команде будешь работать

0

12.12.2021

Bogdan Автор вопроса

⚓️ Sergey Ryzhkov
у меня также в сандбоксе работает :) Ладно... Разб...

У меня есть вот такой шаблон который генерит линку. Можно как то мой post.link передать в прямиком в экшен vuex???? <div v-for="post in POSTS" :key="post.id"> <router-link :to="{post.link}"></router-link> </div>

0

12.12.2021

Bekulan

Bogdan
У меня есть вот такой шаблон который генерит линку...

Не знаю зачем ты это делаешь, но попробуй вызвать action внутри {{}} внутри routerlink

0

12.12.2021

Bogdan Автор вопроса

Bekulan
Не знаю зачем ты это делаешь, но попробуй вызвать ...

А как это возможно??

0

12.12.2021

⚓️ Sergey Ryzhkov

Bogdan
У меня есть вот такой шаблон который генерит линку...

ты опять идешь через опу... Вот по простому... - маршрут (урл) - это то куда ты идешь, то есть конечная точка маршрута -это страница. Заставить вью пойти по маршруту и прийти в конченую точку - это прямой ввод урла, переход по router-link или программно. У страницы есть хуки (меня приготовили, меня смонтировали, меня обновили, меня удалил). Vuex - не предназначен, чтробы гонять апи через него. Это глобальное (расшаренное) состояние приложения. Упрости себе жизнь, и все получится

0

12.12.2021

Bekulan

Bogdan
А как это возможно??

А где я могу увидеть контекст?

0

12.12.2021

Bogdan Автор вопроса

⚓️ Sergey Ryzhkov
ты опять идешь через опу... Вот по простому... - м...

у меня тут проблема, есть большой масив урлов разных урлов типа https://www.google.com/home/page/stor-name я одрезаю последний кусок /stor-name и делаю с него маршрут + этот /stor-name я должен передать в екшен кторый формирует большой масив запросов

0

12.12.2021

Grigorii K. Shartsev · Accepted Answer

Правильно говорят. Тут нужна не документация, а понимание, что и почему делается. Скорее всего вам нужно получать данные не тогда, когда пользователь кликнул на ссылку, а когда он оказался на определённом маршруте. (А если он перейдёт по ссылке открыв страницу? А если переход будет программным в обход ссылки с router.push?). Соответственно и действие нужно делать при изменении маршрута. А дальше уже надо знать, что это за ссылка и что она меняет. Переходит на совсем новый маршрут? Меняет параметр маршрута? Меняет query параметр? Меняет hash?

169 похожих чатов

Все говорят что вешать событие на router-link плохо. Тогда у

16 ответов

Похожие вопросы