но тут жду может от кого нибудь совета как сделать

а что мешает jquery во vue использрвать?)

вопрос не в этом, а как передать данные в уведоление. Я так полагаю надо создать модель alert: null; при добавлении в корзину сделать типа this.alert = product где товар - передавать при клике. Потом показывать уведомление если alert != null. И вот останется как то таймаут повесить чтоб через секунду alert стал null

надо попробовать щас сделать таким образом

в методе сдеалй

либо через транзишны

транзишены пока сложна)

но можно рискнуть

animate.css юзаешь и все

да я в курсе, только для меня ваш фронт пока с трудом даётся

так а другой вопрос просто по js. У меня аяксом отправляется форма и возвращается результат. Страница не перезагружается потому что юзаю $('.delete-item').on('click', function(e) { ..... return false; } Но если с мобильного хрома нажать, то форма отправляется не аяксом

а блин, в другом дело оказалось. Теперь осталось понять как обойти

https://marcosmoura.github.io/vue-material/#/

Thx! Уже пробовал? Там с Transitions?

"просто по js" $('.delete-item').on('click', ?

а что мешает jquery во vue использрвать?)

Чувство прекраснго ?

ребят, помогите)

есть форма, в ней есть селект многовариантный

у селекта 'v-model' => 'formInputs.categories'

formInputs: { categories: [], },

при вобыре из селекта вариантов, они попадают в массив. Но если я юзаю select2, то они не попадают в массив

что можно предпринять?

В селект2 на событие ончендч повесить свой хендлер

Ребят, как сделать сортировку как в вуе 1.0 ? Делаю как сказанно в документации, вот так делаю - https://codepen.io/anon/pen/dOPWPZ Не работает

Вот дока для миграции https://vuejs.org/v2/guide/migration.html#Replacing-the-orderBy-Filter

Может еще как-то можно реализовать

Ребят, как сделать сортировку как в вуе 1.0 ? Делаю как сказанно в документации, вот так делаю - https://codepen.io/anon/pen/dOPWPZ Не работает

так ты забыл cdn lodash подключить

А ?

Бывает, спасибо

ребята

а роутер

будет пахать если в аппе корневой есть router-view

и в нем еще один

?

т.к у меня не рендерит

ребята а в чем разница между v-on:click="" @click="" ?

Никакой разницы

Второй вариант просто краткое написание первого

понял

спасибо

Миша, привет

Миша, привет

✋

Всем привет, возможно кто-то пользовался данной библиотекой https://github.com/iWader/vue-auth/tree/next

Вопрос следующий, как получить доступ к екземпляру обекта $auth, я хочу сделать проверку авторизации в роутерах в методе router.beforeEach но при обращении в ввиде this.$auth.isAuthenticated() у меня ошибка Cannot read property '$auth'

в компонентах оно видет обект $auth а вот в routes нет

Ты читал доку по роутеру? Тебе нужна эта страница, там описан твой кейс, *In-Component Guards* https://router.vuejs.org/en/advanced/navigation-guards.html

Ты читал доку по роутеру? Тебе нужна эта страница, там описан твой кейс, *In-Component Guards* https://router.vuejs.org/en/advanced/navigation-guards.html

Да я смотрел сюда и сделал так

import router from './routes' Vue.use(VueAuth) router.beforeEach((to, from, next) => { console.log(this.$auth.getToken()) console.log('beforeEach') next() })

но ошибка

Возможно подскажешь как правильно должно быть?

из доки The beforeRouteEnter guard does NOT have access to this, because the guard is called before the navigation is confirmed, thus the new entering component has not even been created yet.

какой нафиг this ???

вот только что увидел

а как тогда обращаться с обекту?

Я тебе написал выше, еще раз повторю: смотри ту срницу, секцию In-Component Guards

router.beforeEach((to, from, next) => { next(vm => { console.log(vm.$auth.getToken()) }) })

Получилось

Спасибо Андрей за помощь)

Сделал согласно документации

router.beforeEach((to, from, next) => { next(vm => { console.log(this.$auth.getToken()) }) })

но в консоль ничего не выводится

при том что токен есть

ERROR: S client not available

а что за $auth?

что за пакет?

Всем привет, возможно кто-то пользовался данной библиотекой https://github.com/iWader/vue-auth/tree/next

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

пробовал сделать next(false)

безуспешно

в документации к роутерам написано next(): move on to the next hook in the pipeline. If no hooks are left, the navigation is confirmed.

next(false): abort the current navigation.

но у меня даже лог не выводит с токеном

так то выводит лог

router.beforeEach((to, from, next) => { console.log('beforeEach') next(vm => { console.log(this.$auth.getToken()) }) })

beforeEach в консоле

а вот сам токен нет

сработает при след переходе по сути

пробовал нет

не срабатывает

Наглядно даже так делал

router.beforeEach((to, from, next) => { console.log('beforeEach') next(vm => { console.log('Token') console.log(this.$auth.getToken()) }) })

Так токен уже есть? Смотри что там onsole.log(this.$auth) А если нет токена, тоесть не авторизован, то редирект на страницу авторизации

токен есть

Андрей вот вопрос в следующем

router.beforeEach((to, from, next) => { console.log('beforeEach') next(vm => { console.log('Token') console.log(this.$auth.getToken()) }) })

в консоль выводит только beforeEach а Token не выводится

кстати this.$auth.getToken() -> vm.$auth.getToken()

ой

поправил

но всеравно лог не выводит

console.log('Token') не срабатывает?

ага