"Но писать тесты - долго, муторно и неинтересно" - задело мои чувства 🙂

e2e

Уточнение.

Тогда просит меня ради всего святого 🙂

мисандерстенд

доброй ночи всем пацаны, успешных вам проектов, и graphQl в душу.

E2E Testing Fatigue · GitBook https://www.gitbook.com/book/isnifer/e2e-testing-fatigue/details

Вот кстати интересное чтиво. Для того чтобы понять почему е2е тестированием должны заниматься тестеры)

https://github.com/calirojas506/vue-inspector

Как можно повесить обработчик на смену роута в компоненте?

https://api.coinmarketcap.com/v1/ticker/?convert=USD Хочу запросить через vue-resource данные с API, но возникает проблема с CORS. Посоветуете чего?

Как можно повесить обработчик на смену роута в компоненте?

Добавить watch на $route или использовать хук beforeRouteUpdate например

https://api.coinmarketcap.com/v1/ticker/?convert=USD Хочу запросить через vue-resource данные с API, но возникает проблема с CORS. Посоветуете чего?

Почитать про CORS?)

Добавить watch на $route или использовать хук beforeRouteUpdate например

Вот почему то хук не работает

Почитать про CORS?)

полно примеров работы с этой api с тем-же vue даже, не даже они бьют у меня cors

Вот почему то хук не работает

Работает. Смотрите чтобы у вас их два не было и чтобы не было опечатки в названии

полно примеров работы с этой api с тем-же vue даже, не даже они бьют у меня cors

Пока непонятно в чем ваша проблема

Работает. Смотрите чтобы у вас их два не было и чтобы не было опечатки в названии

Два в одном компоненте всмысле?

Пока непонятно в чем ваша проблема

127.0.0.1/:1 Failed to load https://api.coinmarketcap.com/v1/ticker/?convert=USD: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://127.0.0.1:8000' is therefore not allowed access.

Два в одном компоненте всмысле?

Ну два раза указан хук. Тогда только один из них выполнится

127.0.0.1/:1 Failed to load https://api.coinmarketcap.com/v1/ticker/?convert=USD: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://127.0.0.1:8000' is therefore not allowed access.

Удаленное апи не разрешает делать запросы

Удаленное апи не разрешает делать запросы

Спасибо, кэп, но это публичное API

https://coinmarketcap.com/api/

http://joxi.ru/Q2KQ44ds9oNgar

Тогда ещё раз повторю)

Почитать про CORS?)

я вот так делаю

Почитать про CORS?)

...

вот, в компонент добавил beforeRouteLeave но он не отрабатывает

вот, в компонент добавил beforeRouteLeave но он не отрабатывает

https://router.vuejs.org/ru/advanced/navigation-guards.html там надо ещё вызывать next чтобы сообщать что да, уходим

https://router.vuejs.org/ru/advanced/navigation-guards.html там надо ещё вызывать next чтобы сообщать что да, уходим

но роут меняется, иначе он бы вообще не менялся бы, если next не вызывать

просто я туда не попадаю

но роут меняется, иначе он бы вообще не менялся бы, если next не вызывать

Попробуйте beforeRouteUpdate

Попробуйте beforeRouteUpdate

да пробовал уже все

а это точно в компонент вставлять?

а это точно в компонент вставлять?

Эти хуки добавляются в компонент. https://router.vuejs.org/ru/advanced/navigation-guards.html

ну тогда я понять не могу почему они не работают

все по доке делаю же

и в любой компонент? Хотя я и в родительский пробую вставлять

А вы роутер сам подключили? Это он устанавливаясь как плагин добавляет оные

А вы роутер сам подключили? Это он устанавливаясь как плагин добавляет оные

конечно

Посмотрите может ошибки в консоли есть

да нет ничего

И при переходах?

да

хм а в сам роутер не надо настройки добавлять чтобы хуки работали?

с вотчером главное все работает

http://joxi.ru/1A5o11eiKR91Ym

вот, вотч работает а хук нет

Все же правильно?

beforeRouteEnter вызывается в другое время

когда роут активным становится?

Если вы остаётесь в том же компоненте и хотите лишь отследить изменение параметров, то вотчер на роут или beforeRouteUpdate

Дело в том что я все хуки перепробовал у меня они никогда не вызываются

http://joxi.ru/LmGM44QTRzMDJA

Неужели так? )

Ну а внутри что вы написали, зачем

https://router.vuejs.org/ru/essentials/dynamic-matching.html

какая разница что я там написал?

Я не могу туда попасть тупо, ну не вызывается он

Проблема в чем то другом

Эта функция должна вызываться и код который в ней отрабатывать, хотя бы ошибка в данном случае должна быть

Хук beforeRouteEnter НЕ имеет доступа к this, так как к моменту его вызова навигация ещё не подтверждена, а значит и экземпляр компонента ещё не создан. Тем не менее, доступ к экземпляру можно получить, передав коллбэк в next. Эта функция будет вызвана после подтверждения навигации, а экземпляр компонента будет передан в неё в качестве параметра:

я понимаю это отлично

Вот для него нужна такая функция в next. Для других не нужно. Что значит какая разница что написано

Ну, вы переименовали хук

Функцию передаете

но моя задача хотя бы в гребаную консоль что нибудь вывести из хука

Её там уже не ждёт никто

http://joxi.ru/1A5o11eiKR9JYm

ну хочешь сказать это не должно работать?

Функция тупо должна вызываться роутером и передавать туда параметры. Что я буду делать в этой функции это мое дело

Я могу вообще запретить переход на следующий роут

Однако моя функция роутеру почему то не интересна

Вероятнее всего где то ее надо либо регистрировать или еще что

разве я не верно говорю?

beforeRouteUpdate (to, from, next) { next(vm => { console.log(to) }) }

в старом же коде была такая конструкция, но и она отрабатывать должна

Хоть с ошибкой но должна

самое забавное что дня 3 назад я сделал это без проблем