SpiritMoon
или знает альтернативу?
Ivan
vee-validate.logaretm.com
Dmitriy
Кто может проверить, работает эта шука или нет https://github.com/alvarotrigo/vue-fullpage.js ?
Nikita 🦫
В каком смысле проверить?
Nikita 🦫
Пример на сайте в 63 хроме работает
Nikita
оптимизация для слабых устройств
Nikita
Кто может проверить, работает эта шука или нет https://github.com/alvarotrigo/vue-fullpage.js ?
у меня пашет, но это блин такой идиотизм
Dmitriy
в смысле сам плагин идиотизм?
Nikita
я когда увидел, я думал, чел свою реализацию fullpage написал, а не, он просто вставил jquery и понеслась
Dmitriy
лол
Nikita
ну точней он сделал обычную обертку над jquery fullpage
Nikita
и это меня бесконечно разочаровало
Dmitriy
значит буду искать другой плагин со схожим функционалом
Nikita
а я просто свой блекджекс с шлюхами написал
Nikita
ну псевдо блекджек
Nikita
на самом деле там просто слоты и пошаговая анимация
Nikita
но у меня там анимация скролла скрыта, поэтому я могу себе такое удовольствие
Konstantin
Как раз сейчас прикручиваю к нему яндекс спеллер. Можно, смотри в документации hasFocus. И от этого уже иди дальше
Konstantin
Кто-нибудь Quill использовал? Можно как-то показывать toolbar только при фокусе на редактируемой области?
wkornilow
Ребят, как можно подвязатся на обновление Store? Мне надо при измении состояния state в store динамически обновлять data в компоненте
Maksim
геттеры
Ivan
watch
wkornilow
геттеры в computed?
Maksim
да
wkornilow
А как мне указать геттер для data?
wkornilow
Через this?
Andy
А как мне указать геттер для data?
если под “дата” ты подразумеваешь локальные данные компонента объявленные внутри data: function() { return { name: ‘Zhorik’ } }, то любое упоминание данных оттуда - это и есть, по сути, геттер
например в темплейте <p> {{ name }} </p>
или в джсе - this.name
wkornilow
Понял
Dmitrii
"So how do we display state inside the store in our Vue components? Since Vuex stores are reactive, the simplest way to "retrieve" state from it is simply returning some store state from within a computed property"
Dmitrii
// let's create a Counter component
const Counter = {
template: `<div>{{ count }}</div>`,
computed: {
count () {
return store.state.count
}
}
}
Slava
всем привет, как перехватить фокус другого элемента, не запуская его
Олег
всем привет. как прочитать значение stora в computed? так $store.state.user или так this.$store.state.user дает $store is not defined
Aliaksiej
Через гетеры
qluqua
this.$store.getters.anyNameYouWant
Vladislav
ты подключил стор?
Astr0junk
Мужики, кто может пояснить за такую штуку как стопперы в сторах и как правильно их сделать во вьюкс?
Dmitriy
всем привет, как перехватить фокус другого элемента, не запуская его
Вопрос не совсем ясен.
Что значит не запускать фокус?
Если элемент в фокусе, то он в фокусе.
Можно на фокус повесить emit, а на нужном элементе уже отлавливать
Anton
Всем привет! Подскажите, кто-нибудь настраивал тесты в Storybook для Vue? Бегло пробежался по документации, обнаружил только для реакта
Alex
А чем тесты в сторибуке отличаются от просто тестов?
Alex
Ребзя, делаю SPA на vue. Сейчас на этапе аутентификации и вот возник вопрос: где лучше хранить токен который прилетает с backend api? Сейчас все происходит так: креды пост запросом отправляются на backend, в ответ получаю json User’a и header с токеном. Это все хранится в vuex и дополнительно сохраняю токен в localstorage. Что скажете? Достойно ли это жизни или же полное говно? Плюсы\минусы? Как у вас устроена аутентификация в SPA?
Nikita 🦫
http://www.redotheweb.com/2015/11/09/api-security.html
Alex
не понял)
Bohdan
только хотел скинуть статью)
Nikita 🦫
)
Николаич
Всем привет! Подскажите, кто-нибудь настраивал тесты в Storybook для Vue? Бегло пробежался по документации, обнаружил только для реакта
А нафига? Unit тесты вполне годятся.
Nikita 🦫
Хранить там
Nikita
Хранить там
Они же тогда везде в запросе будут к бекенду, если явно не отключить, а токены обычно в хедер кастомный кладут
Nikita 🦫
Ну тут сам выбирай: либо передавать на 1 куку с 1 строкой меньше, либо безопасность
Alex
Окей, значит начну с статьи. А как реализовать защиту от CSRF?
Nikita 🦫
Окей, значит начну с статьи. А как реализовать защиту от CSRF?
https://www.owasp.org/index.php/Cross-Site_Request_Forgery_(CSRF)_Prevention_Cheat_Sheet
Nikita 🦫
Я эту ссылку вчера не кидал?
Nikita 🦫
🤔
Alex
thanks!
Vano
Всем привет, есть вопрос. Нельзя динамически привязать директиву v-model к какому нибуть инпуту, я понимаю что можно через v-if сделать 2 но нужно именно динамически?
Ivan
я думаю если ты так делаешь, то скорее всего проблема в логике, и надо изменить логику приложения что бы не делать так
Vlad
@vanogaidar что должно получиться ?
Erzed
Видимо чтото из разряда show/hide password
Vano
ой там короче беда, есть на jquery typeahead и он там подменяет инпут, и есть инпут на vue и вот клиент хочет что бы по перключателю менялась логика у инпута.
Ivan
2 разных инпута делать, с разной логикой, на них повесить v-show и одну общую v-model
Ivan
от переключателя будет v-show срабатывать, а одна v-model позволит связь сохранить
Vlad
Или отвязывать typeahead по кнопке (если его можно отвязать)
Sasha
Ребзя, делаю SPA на vue. Сейчас на этапе аутентификации и вот возник вопрос: где лучше хранить токен который прилетает с backend api? Сейчас все происходит так: креды пост запросом отправляются на backend, в ответ получаю json User’a и header с токеном. Это все хранится в vuex и дополнительно сохраняю токен в localstorage. Что скажете? Достойно ли это жизни или же полное говно? Плюсы\минусы? Как у вас устроена аутентификация в SPA?
https://gist.github.com/zmts/802dc9c3510d79fd40f9dc38a12bccfc
Может пригодится
Bogdan
У парагона есть статья про jwt
Bogdan
https://paragonie.com/blog/2017/03/jwt-json-web-tokens-is-bad-standard-that-everyone-should-avoid
Sasha
А чё, токен в куки уже не ложится?
Ложится но, например рефреш токен не при каждом запросе необходимо отправлять
Sasha
https://www.youtube.com/watch?v=vQldMjSJ6-w
leviskay
кто может подсказать по роутингу? имею, например, такой динамический путь /:category. Всего существует 4 категории, как мне отловить неверные и показать компонент с 404 ошибкой?
leviskay
вернее как это делать правильно, а не через выстрел в ногу
Vladislav
/* в конце
leviskay
да, это есть
leviskay
ну а как мне отловить /5 , когда имеются только категории /1,/2,/3,/4?
Dorian
кто может подсказать по роутингу? имею, например, такой динамический путь /:category. Всего существует 4 категории, как мне отловить неверные и показать компонент с 404 ошибкой?
так как категории динамические, то правильно будет делать проверку перед входом в роут и если нет, то перенаправлять на 404
Erzed
ну а как мне отловить /5 , когда имеются только категории /1,/2,/3,/4?
В beforeEnter редиректить неправильные на 404
leviskay
а как при этом не изменять строку запроса? а просто вывести компонент NotFound?