Привет, подскажите плз, что лучше использовать чтоб в инпут юзер мог вводить только float значения, ну тоесть, целые числа больше 0 и с точкой

@input='handleInput($event) handleInput(e) { e.target.value = FORMATIRUI }

Привет, подскажите плз, что лучше использовать чтоб в инпут юзер мог вводить только float значения, ну тоесть, целые числа больше 0 и с точкой

Я это делал через @change и с выбрасыванием лишних символов из event.target.value и присваиванием event.target.value и параметру в data отфильрованной строки. Пахнет каким-то лютым костылем, конечно

Ну я сейчас так же делаю, но вылазит куча боков

нет никаких костылей) пишите алгоритм форматирования нормальный и все)

Ну я сейчас так же делаю, но вылазит куча боков

например?

нет никаких костылей) пишите алгоритм форматирования нормальный и все)

но ведь получается не VUESTYLE какой-то значения инпутов таким образом шатать

например?

Ну сейчас по кейкоду отлавливаю "." , но на разных раскладках это разные символы

Ну сейчас по кейкоду отлавливаю "." , но на разных раскладках это разные символы

не так же делаешь)

но ведь получается не VUESTYLE какой-то значения инпутов таким образом шатать

по-другому никак, :value не изменяет значение инпута. форсом

по-другому никак, :value не изменяет значение инпута. форсом

ну оке, а то думал наговнокодил)

Ну сейчас по кейкоду отлавливаю "." , но на разных раскладках это разные символы

а зачем? бери весь value и с ним работай

а зачем? бери весь value и с ним работай

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

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

Так он будет их вводить, но они не будут вбиваться в инпут

Так он будет их вводить, но они не будут вбиваться в инпут

типа value регуляркой проходить?

Ага, как угодно

типа value регуляркой проходить?

как вариант, ага

Спасибо всем, буду пробовать

типа value регуляркой проходить?

handleInput( e ) { this.error = false; const formatted = formatPhone( e.target.value ); e.target.value = formatted; this.data.target = formatted; },

ничего кроме номера телефона не вводится

так и делай обращения к стору в роутере. как выше написали

router.beforeEach((to, from, next) => { if (to.matched.some(record => record.meta.reqAuth)) { console.log(store.getters.getAuth); console.log(store.getters.getWebTime); if (store.getters.getAuth === null) next({name:'Registration'}); else next(); } else { if(to.name!="Registration") next(); else next({name:'Webinar'}) } });

так и делай обращения к стору в роутере. как выше написали

вот смотри, я здесь делаю обращение к геттеру, но получается в момент когда роутер обращается к геттеру там undefined еще, а загрузка происходит после того как отработал Роутер

Ребят можно ли без шины сделать так: в родительском компоненте, подписаться на нужное событие у одного дочернего компонента, и когда это событие эмититься из этого дочернего компонента, вызвать нужное событие у другого дочернего компонента?

Всем привет. Ребята прошу сильно не ругайте за вопрос.=) Я только учусь. Есть файл шаблона http://prntscr.com/kwmmjf где идет цикл foreach. Делаю кнопку удалить). И вот сам компонент http://prntscr.com/kwmmuw Проблема в том что он только на одну запись реагирует а по циклу дальше не выводит. Подскажите что можно сделать плиз

Ребят можно ли без шины сделать так: в родительском компоненте, подписаться на нужное событие у одного дочернего компонента, и когда это событие эмититься из этого дочернего компонента, вызвать нужное событие у другого дочернего компонента?

EventBus?

EventBus?

я же написал без шины. ее в доках не рекомендуют

вот смотри, я здесь делаю обращение к геттеру, но получается в момент когда роутер обращается к геттеру там undefined еще, а загрузка происходит после того как отработал Роутер

ты проверяешь аутентификацию? ты ее один раз в одной точке приложения хочешь проверить?)

либо оборачивать каждый инпут в свой компонент <validate>InputComponent/><validate>

вот это интересная идея. попробую сделать компонент дата провайдер, который будет только валидировать

я же написал без шины. ее в доках не рекомендуют

пропсы во второй дочерний компонент

я же написал без шины. ее в доках не рекомендуют

а, сорян

ты проверяешь аутентификацию? ты ее один раз в одной точке приложения хочешь проверить?)

в двух словах Мне нужно что бы перейдя по ссылке например localhost/reg Сначала произошла аутентификация а потом отработал beforeEach в котором берется значение токена из стора и если он есть то кидает на одну страницу, если его нет кидает на страницу регистрации

в двух словах Мне нужно что бы перейдя по ссылке например localhost/reg Сначала произошла аутентификация а потом отработал beforeEach в котором берется значение токена из стора и если он есть то кидает на одну страницу, если его нет кидает на страницу регистрации

так делай всю логику роутов в хуках роутера. и не в beforeEach, а в нужных. у тебя каша какая-то выходит

а сейчас происходит как, сначала отрабатывает beforeEach и проверяет токен в сторе, а его там еще нет, так как екшен делает запрос в базу данных и потом возвращает значение и получается данные из запроса ставяться в state после того как роутер уже вытянул от туда пустое значение

К сожалению я не ебу, что ты делаешь.

теперь и я

в двух словах Мне нужно что бы перейдя по ссылке например localhost/reg Сначала произошла аутентификация а потом отработал beforeEach в котором берется значение токена из стора и если он есть то кидает на одну страницу, если его нет кидает на страницу регистрации

ну так проверяй аутентификацию раньше бефорИч

пропсы во второй дочерний компонент

я думал об этом, но мне по сути нужно переменные тогда пробрасывать, в которых я даже не знаю что хранить, как реализовать тогда переменную, которая будет как-то меняться, чтобы понять, что что-то произошло. Ладно к примеру флаг ложить в переменную, типа тру/фолс, или строку, чтобы когда она изменялась то компонент, в который передается переменная, делал что-то с этими значениями. Но компоненту не нужны никакие значения, ему нужно просто знать, что что-то произошло, какое-то действие, не важно какое

Сразу надо было отмазаться и не пытаться с ним ебаться. До хорошего этого не доводит!

Сразу надо было отмазаться и не пытаться с ним ебаться. До хорошего этого не доводит!

прокрастинирую уже 2 часа в чатиках

я думал об этом, но мне по сути нужно переменные тогда пробрасывать, в которых я даже не знаю что хранить, как реализовать тогда переменную, которая будет как-то меняться, чтобы понять, что что-то произошло. Ладно к примеру флаг ложить в переменную, типа тру/фолс, или строку, чтобы когда она изменялась то компонент, в который передается переменная, делал что-то с этими значениями. Но компоненту не нужны никакие значения, ему нужно просто знать, что что-то произошло, какое-то действие, не важно какое

во вью либо так, либо шина не нужно значение - пускай будет буль

прокрастинирую уже 2 часа в чатиках

Иди помоги челу который не различает среду выполнения.

ну так проверяй аутентификацию раньше бефорИч

Если не сложно обьясни как это сделать

во вью либо так, либо шина не нужно значение - пускай будет буль

ну да, это недостаток конечно у vue

выполни функцию раньше чем отрабатывает бефорИч

ну да, это недостаток конечно у vue

или это недостаток твоей архитектуры

¯\_(ツ)_/¯

(ノಠ益ಠ)ノ彡┻━┻

или это недостаток твоей архитектуры

ха) ну ок, когда вам нужен артбоард, с кастомным соотношением сторон, который должен при ресайзе и изменениях размеров других компонентов (сайдбар, тулбар, текстовое поле - пользователь может изменять их размеры) делать перерасчет, то я подозреваю, что вы как раз таки и будете прибегать к костылям типа шины или this.$parent.on('someevent', ...), а потом тут указывать на недостатоки архитектуры проекта)

ха) ну ок, когда вам нужен артбоард, с кастомным соотношением сторон, который должен при ресайзе и изменениях размеров других компонентов (сайдбар, тулбар, текстовое поле - пользователь может изменять их размеры) делать перерасчет, то я подозреваю, что вы как раз таки и будете прибегать к костылям типа шины или this.$parent.on('someevent', ...), а потом тут указывать на недостатоки архитектуры проекта)

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

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

ну это же делает компоненты не полными, то есть по сути он не самодостаточен... и код усложняется в чтении, когда таких компонентов больше 3-4

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

по этому я и ищу более грациозное решение

ну во вью тоже вроде как используют подход с умными и тупыми компонентами

ну во вью тоже вроде как используют подход с умными и тупыми компонентами

а вот это уже не аргумент, все по разному делают, многие не используют их

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

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

ну это само собой

ну это само собой

если на пропсах - как вариант пропс shouldRedraw и эмит события обратно вверх (redrawFinished), после которого пропс снова false

доброго времени!

можете немного помочь, есть мультиселект, он работает с Vuex, нужно вынести его в отдельный компонент, выношу его и нужные пропсы, подключаю, но $store распозноваться не хочет

Добрый день! Тренируюсь с чекбоксами. 1. Зерендерил список через v-for=“item in items” 2. В каждом item есть чекбокс с :value=“item.value”, цифры, не строки. 3. @change выполняется функция methods: { changeSum() { let sum = 0; for(var i = 0; i < this.checkboxes.length; i++) { if(item.selected === true) { sum += item.price } } } Вью пишет, что item is not defined. Хотя в аналогичных примерах все работает. Как так?

можете немного помочь, есть мультиселект, он работает с Vuex, нужно вынести его в отдельный компонент, выношу его и нужные пропсы, подключаю, но $store распозноваться не хочет

тебе не нужен $stire. Юзай mapGetters и mapActions

хм, спасибо

Добрый день! Тренируюсь с чекбоксами. 1. Зерендерил список через v-for=“item in items” 2. В каждом item есть чекбокс с :value=“item.value”, цифры, не строки. 3. @change выполняется функция methods: { changeSum() { let sum = 0; for(var i = 0; i < this.checkboxes.length; i++) { if(item.selected === true) { sum += item.price } } } Вью пишет, что item is not defined. Хотя в аналогичных примерах все работает. Как так?

используй forEach на своем масиве, к чему тут for я не понял

тебе не нужен $stire. Юзай mapGetters и mapActions

просто в 1 компоненте работало со $store, а в другом не хочет

Кто использует breadcrumbs для динамических роутов?

Мне в мета надо получить id из пути, но не могу найти как это сделать

Господа, кто-нибудь понимает почему v-autocomplete так себя ведёт? Там два v-autocomplete, один получает список элементов напрямую, а второй из функции (геттер с аргументом во vuex ведет себя аналогично). Во втором случае меню не закрывется после выбора. Куда оформлять баг, в vuetify или во vue ? https://codepen.io/souren-araya/pen/qMgjJm?editors=1010

ERROR: S client not available

Или в дискорд или оставляй issue на github

Или в дискорд или оставляй issue на github

я просто пытаюсь понять, это баг или фича. И если баг — чей именно.

А оформить на гитхабе я всегда успею

Мне здается баг

используй forEach на своем масиве, к чему тут for я не понял

Не в этом проблема ж. Попробовал с forEach, результат тот же.

Сейчас попробую глянуть с дев тоолс

используй forEach на своем масиве, к чему тут for я не понял

Идея сделать так же: https://codepen.io/YuraKolesnikov/pen/RYvZqm?editors=1010 Только в Vue

Как правильно / лучше / удобнее работать с backend разрабом, который делает API для твоего SPA? В каком виде мне должны отдавать документацию и т.п.? Мб что-то почитать про это?

Мы документацию по апи порой в гитлабе храним

swagger + test

Как правильно / лучше / удобнее работать с backend разрабом, который делает API для твоего SPA? В каком виде мне должны отдавать документацию и т.п.? Мб что-то почитать про это?

А что yii шники по этому поводу думают?)))

Как правильно / лучше / удобнее работать с backend разрабом, который делает API для твоего SPA? В каком виде мне должны отдавать документацию и т.п.? Мб что-то почитать про это?

GraphQL

GraphQL

при условии что у тебя опытный разраб

Хеё народ, я чот запутался, а jsx во .vue файлах можно юзать?

омг зачем

Для того, чтобы стили писать как обычно, только template заменить на render-функцию

как обычно это джээсом?

может быть и есть какой то модифицированный лоадер

созданный каким то извращенцем

Как обычно это в теге <style> внутри файла .vue

а jsx нафига тогда слово <template> раздражает?

ну как бы правда допускаю что есть лоадер

ноя такого не знаю

Render-функции и JSX — Vue.js https://ru.vuejs.org/v2/guide/render-function.html

Render-функции и JSX — Vue.js https://ru.vuejs.org/v2/guide/render-function.html

А это не jsx?

нее

он же о другом

он же о другом

Там есть render функция)

Ну делай 10 компонентов , emailInput, passwordInput Удачи

в итоге сделал один инпут с валидайией дял всех, по моему красиво <app-vuelidate-input v-model="user.email" required email></app-vuelidate-input>

Там есть render функция)

Ему же это надо было?