все проще sync. Значение ребенка связывается автоматически со значением родителя. При изменении в ребенке, родитель сам понимает и меняет свое свойство. И это всего 4 символа

Нет. Синк работает похожим образом с v-model. Там тоже нужно отправлять событие

По ссылке пример есть

@input="$emit('update:message', localMessage)"> вот этот update: обработается хитрым образом

Да

Да, спасибо. я как раз смотрел на него

Нет. Синк работает похожим образом с v-model. Там тоже нужно отправлять событие

Точно, а получается в чем тогда разница с v-model на компоненте

Точно, а получается в чем тогда разница с v-model на компоненте

V-model только один можно повесить

всмысле одно свойство

?

всмысле одно свойство

Два v-model на один компонент не повесишь

Два v-model на один компонент не повесишь

понял

Два v-model на один компонент не повесишь

sync работает. Но получается, у меня данные компонента показываются только при клике на кнопку. и получается, что sync отрабатывает, но только после ввода чего-либо в инпут. А до этого то мы привязываемся к пустому элементу data

Мой вопрос неактуален.

Привет ребят. Простой вопрос: я могу изменять значение которое записывается в поле в обработчике события onchange. Тоесть я к примеру хочу чтобы значение всегда приводилось в uppercase?

Привет ребят. Простой вопрос: я могу изменять значение которое записывается в поле в обработчике события onchange. Тоесть я к примеру хочу чтобы значение всегда приводилось в uppercase?

https://vuejs.org/v2/guide/filters.html

Привет ребят. Простой вопрос: я могу изменять значение которое записывается в поле в обработчике события onchange. Тоесть я к примеру хочу чтобы значение всегда приводилось в uppercase?

Конкретно с uppercase проще использовать стили

Мне нужно на бек записывать в uppercase

Мне нужно на бек записывать в uppercase

а не проще на бэке это делать?

Не

зачем если можно на фронте

ну ты типа на бэке после валидации делаешь uppercase и всё. А тут ты аж в чатик пришел спрашивать, как бы так извернуться, чтобы эту мульку на фронте напилить

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

Вот так извороты, вот так мульки, пару строчек дописать

Вместо v-model дефолтного, @ change и :value=foo.toUppercase()

Всем привет! Есть такая нестандартная задача: есть мнемосхема на svg, неоиходимо привязать ее к данным. Все бы ничего, если бы не размер схемы, она стостоит из нескольких крупных объектов на svg и в каждом должны быть данные (включая кнопки с их обработчиками и текст). Забиндить какой-то из атрибутов элемента svg не проблема, но как-то уместнее было бы на каждый такой объект svg создать компонент и как-то внедрить 1 компонент в другой. Т.е. по результату должен получиться некий полный и связный интерактивный svg объект (мнемосхема). Есть какие-нибудь идеи?

Подскажите, можно ли как то сделать что бы beforeEach срабатывал после инициализации приложения в App.vue и Vuex ?

Обьясню попородробнее. У меня человек переходит по ссылке http://localhost:8080/#/webinar . Я в App.vue вызываю экшен во Vuex который проверяет Авторизирован ли пользователь. Если пользователь не авторизирован то его нужно перенаправить на страницу регистрации. Если все ок, то попадает на ту страницу которую заходил изначально. Но при этом мне нужно обработать ошибки если человек введет какую то фигню например http://localhost:8080/#/uehrfeuife , нужно что бы если авторизирован отправило на /webinar если не авторизирован то на /reg Как это лучше всего реализовать?

это твой роут не найдено (404)

для него и херачь

А внутри /webinar и /reg сделать проверку на авторизацию ?

@input="$emit('update:message', localMessage)"> вот этот update: обработается хитрым образом

Не понял что за хак с двоеточием

Ну вуе распознает такие события и обрабатывает их согласно своей логике.

Тебе не надо вещать обработчик на это событие. Достаточно просто приписать .sync к биндингу

Ну вуе распознает такие события и обрабатывает их согласно своей логике.

Я тоже костылю и мне нужен этот хак скорее всего

это в доке описано, какой хак

Тебе не надо вещать обработчик на это событие. Достаточно просто приписать .sync к биндингу

Видел в доке, нид почитать

Там наверху была статейка с примерами. Поищи.

Там наверху была статейка с примерами. Поищи.

Спс

это в доке описано, какой хак

Пропустил сей модификатор

Всем привет. Вопрос не совсем по vue, но про сборку фронта. в докер Есть вебпак и ssr, при сборке в вебпак вшивается env, например, API_URL сайта, для каждого сайта свой урл, но логика общая. Т.е. у меня получается, что нужно делать для каждого сайта отдельную сборку, а их мб много. либо при старте контейнера дособирать из переданного env. Как это бы изящнее решить? Есть вариант - при старте ssr внедрять в страницу общие переменные окружения. ssr стартует как node build/prodServer.js

Не много не в тему. Можно как то контролировать в мобильных браузерах панель браузера сверху(чтобы всегда показывалась например)

Не много не в тему. Можно как то контролировать в мобильных браузерах панель браузера сверху(чтобы всегда показывалась например)

убрать скроллы)

а что взамен?

а что взамен?

а что требовалось?

Всем привет. Пишу сайт на laravel+vue. При авторизации происходит ошибка "Session store not set on request." В запросе передаю csrf_token, в форме присутствует поле <input type="hidden" name="_token" :value="csrf"> И все равно ошибка.. в чем проблема?

Всем привет. Вопрос не совсем по vue, но про сборку фронта. в докер Есть вебпак и ssr, при сборке в вебпак вшивается env, например, API_URL сайта, для каждого сайта свой урл, но логика общая. Т.е. у меня получается, что нужно делать для каждого сайта отдельную сборку, а их мб много. либо при старте контейнера дособирать из переданного env. Как это бы изящнее решить? Есть вариант - при старте ssr внедрять в страницу общие переменные окружения. ssr стартует как node build/prodServer.js

envsubst

envsubst

прям в бандле?

прям в бандле?

не, при запуске докера

ну а потом он должен подхватить ее

а что именно оно меняет? сейчас env передается в definePlugin

и таким образом вшивается в бандл

а что требовалось?

ну страницу же нужно скролить как то, я спрашивал можно ли как то контролировать верхнюю панель браузера , которая например в хроме исчезает и появляется

ну страницу же нужно скролить как то, я спрашивал можно ли как то контролировать верхнюю панель браузера , которая например в хроме исчезает и появляется

создать вложенный div с overflow:scroll. Не пробовал

ну страницу же нужно скролить как то, я спрашивал можно ли как то контролировать верхнюю панель браузера , которая например в хроме исчезает и появляется

только убиванием скроллаю

а что именно оно меняет? сейчас env передается в definePlugin

не знаю как это лучше делать, но когда мне надо было передать env в конфиг докера\nginx и тд я писал sh который с помощью этой команды инжектит эти переменные туда ну еще ты можешь с помощью dotenv в .env файле захардкодить свои урлы и при запуске ssr сервера они будут инжектится так же

создать вложенный div с overflow:scroll. Не пробовал

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

не знаю как это лучше делать, но когда мне надо было передать env в конфиг докера\nginx и тд я писал sh который с помощью этой команды инжектит эти переменные туда ну еще ты можешь с помощью dotenv в .env файле захардкодить свои урлы и при запуске ssr сервера они будут инжектится так же

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

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

как и попытка влезть в браузер из сайта))))

ERROR: S client not available

Привет Подскажите куда смотреть пожалуйста Приложение не работает на планжетах Просто не рендерит То есть получаю просто боди и все Проблема на Андроид и IOS-9

Всем привет. Хочу прикрутить шаблон на bootstrap к vue приложению. Все страницы имеют header и footer, кроме логина и регистрации. Как лучше оформить header & footer, чтобы наследовать их на нужных страницах?

может есть открытый пример исходников, где это можно посмотреть?

Привет. Использую Vuetify. Как мне отобразить '<router-view/>' по середине? Сейчас он отображается по середине, но имеет сдвиг небольшой вниз и скрол появился. <template> <div id="app"> <v-content> <app-header/> <v-layout align-center justify-center row fill-height> <v-container fluid grid-list-lg> <router-view/> # его нужно отобразить по середине </v-container> </v-layout> </v-content> </div> </template>

для хедера это отдельный компонент navbar, футер самому надо сделать - маргин-боттом у боди и позишн абсолют у футера с боттом 0. легко гуглится

не, дело не в том, как в html-css это сделать. Вопрос в том, что есть страница клиентов и страница клиента и там и тут одинаковые header, footer Вариант завернуть оба в отдельные компоненты и добавлять?

Привет Подскажите куда смотреть пожалуйста Приложение не работает на планжетах Просто не рендерит То есть получаю просто боди и все Проблема на Андроид и IOS-9

подключи к маку и дебажь

на маке работает

планшет подключи

и дебажь

через программу какую то или прсто по usb

?

just google it

Привет Подскажите куда смотреть пожалуйста Приложение не работает на планжетах Просто не рендерит То есть получаю просто боди и все Проблема на Андроид и IOS-9

андроид какой версии?

гуглить каждый может(

Всем привет, подскажите какой ни будь плагин для обработки свайпа для vue

hammerjs

компонентики тоже всякие есть

но внезапно

компонентики говно в большинстве

just google it

вот это снова

компонентики говно в большинстве

ненативный свайп в целом гавно)

это почти как кастомный скроллбар

ну в целом да

но большинство решений - это обертка над свайпером

тьфуты

над хаммером

поэтому лучше сразу взять его