Фу. Рефы советуют вместо вотчеров

рефы наше всё

1000 терминаторов из T1000

Добрый вечер. Работаю с вью уже 6 час, и возник вопрос. Есть ли у вью какой-либо встроенный глобальный стейт/переменная? В приложении идет авторизация через firebase, и при успешной авторизации, необходимо менять вид главной меню, которая находится непосредственно в компоненте App. Что можете посоветовать?

Добрый вечер. Работаю с вью уже 6 час, и возник вопрос. Есть ли у вью какой-либо встроенный глобальный стейт/переменная? В приложении идет авторизация через firebase, и при успешной авторизации, необходимо менять вид главной меню, которая находится непосредственно в компоненте App. Что можете посоветовать?

Vuex

Vuex

Получается это единственное решение?

Насколько большое приложение будет ?

Получается это единственное решение?

не обязательно. Ты можешь, например, в дочернем компоненте эмитить событие родителя, которое изменяет вид меню.

Насколько большое приложение будет ?

По сути это тестовое задание. И оно не собирается быть большим.

не обязательно. Ты можешь, например, в дочернем компоненте эмитить событие родителя, которое изменяет вид меню.

Т.е. мне в пропс передать метод из родителя, верно?

Есть кейс использовать шину. Или забить и ложить в $root

https://alligator.io/vuejs/global-event-bus/

Т.е. мне в пропс передать метод из родителя, верно?

вот - https://codesandbox.io/s/nwj1x33v44

Спасибо большое.

Всем привет! Как использовать BASE_URL в шаблонах pug? Просто если я создаю переменную в .env - все работатет, а вот из файла vue.config.js не тащит - undefined. В хуках vue все работает, через process.env.BASE_URL - мне выдает корректно, но вот при использовании в pug - undefined

Привет гайз. Помогите плиз, надо задать элементу scrollLeft, делаю это так внутри вотчера: this.$refs.containerExpand.scrollLeft = parseInt(this.infoScroll) но не работает. сам объект this.$refs.containerExpand существует, если из консоли этому объекту поменять scrollLeft то сработает ок, как из вуе поменять скролллефт элементу и почему не работает то что я пытаюсь сделать?

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

Эмит у меня не работал почемуто в этом сценарии, но был не просто экшен стора, а аксиоса onuploadprogress, потому сделал через эвентбас. Сделал функцию, внутри,которой эмитил эвентбас, передавал ее в payload диспатча и в экшене уде дергал. Все то же самое делал с замыканием this, иди this.$emit, не работало.

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

Socket.emit()

Эмит у меня не работал почемуто в этом сценарии, но был не просто экшен стора, а аксиоса onuploadprogress, потому сделал через эвентбас. Сделал функцию, внутри,которой эмитил эвентбас, передавал ее в payload диспатча и в экшене уде дергал. Все то же самое делал с замыканием this, иди this.$emit, не работало.

Спасибо большое ?

Ребята помогите разобраться с компонентой vue-upload-component вобщем мне нужна такая фишка, компонента кидает на сервер файл, а сервер в свою очередь возвращает имя кеша файла, под которой сохранен дале по задумке я должен словить этот хэш, и скажем рисовать на форме че нить полезное, "файл загружен" и т.п. но значение хэша еще нужно сохранить на форме в определенном поле, но это уже детали по сути ни как не могу словить OnSuccess событие у компоненты, когда он загрузил файл на сервер и получил хеш файла, он лишь тупо устанавливает в переменной files у элемента значение success = true а WATCHить этот массив файлов вообще без понятия как

Ребята помогите разобраться с компонентой vue-upload-component вобщем мне нужна такая фишка, компонента кидает на сервер файл, а сервер в свою очередь возвращает имя кеша файла, под которой сохранен дале по задумке я должен словить этот хэш, и скажем рисовать на форме че нить полезное, "файл загружен" и т.п. но значение хэша еще нужно сохранить на форме в определенном поле, но это уже детали по сути ни как не могу словить OnSuccess событие у компоненты, когда он загрузил файл на сервер и получил хеш файла, он лишь тупо устанавливает в переменной files у элемента значение success = true а WATCHить этот массив файлов вообще без понятия как

Сохраняешь массив ии переименую простым присвоением или через Vue.set?

Сохраняешь массив ии переименую простым присвоением или через Vue.set?

компонента само делает и в своей переменной сохраняет

по факту на сервер кидает только если сделать скажем files[0].active = true

и все как камень в воду

можешь только потом догадаться таким образом if files[0].success значит загрузка прошла успешно ответ смотришь files[0].response

и как словить не понятно, мне ведь нужно на 100% словить этот момент когда сервер ответит

Привет гайз. Помогите плиз, надо задать элементу scrollLeft, делаю это так внутри вотчера: this.$refs.containerExpand.scrollLeft = parseInt(this.infoScroll) но не работает. сам объект this.$refs.containerExpand существует, если из консоли этому объекту поменять scrollLeft то сработает ок, как из вуе поменять скролллефт элементу и почему не работает то что я пытаюсь сделать?

В момент когда обращаешься к refs - DOM ещё не нарисовался. Для начала попробуй обернуть в Vue.nextTick(). Если не поможет, есть простой хак. Оберни в setTimeout с нолевой задержкой. Возможно, есть более правильный способ с requestAnimationFrame

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

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

Свою напиши.

В момент когда обращаешься к refs - DOM ещё не нарисовался. Для начала попробуй обернуть в Vue.nextTick(). Если не поможет, есть простой хак. Оберни в setTimeout с нолевой задержкой. Возможно, есть более правильный способ с requestAnimationFrame

Спасибо, счас попробую

В момент когда обращаешься к refs - DOM ещё не нарисовался. Для начала попробуй обернуть в Vue.nextTick(). Если не поможет, есть простой хак. Оберни в setTimeout с нолевой задержкой. Возможно, есть более правильный способ с requestAnimationFrame

Спасибо тебе огромное, помогло) выручил :)

Спасибо тебе огромное, помогло) выручил :)

✊

Всем добнрого! Вопрос тем, кто пользуется готовыми либами компнентов. На чём остановили выбор

Смотрю в сторону бутстрап и материал, может ещё есть какие то интересные варианты

Компоненты нужны для админки. Будет много таблиц, табов и модальных окон.

Смотрю в сторону бутстрап и материал, может ещё есть какие то интересные варианты

https://github.com/vuejs/awesome-vue/blob/master/README.md

Спасибо, это есть в загладках. Интересует именно полные либы типа бутстрапа а не отдельные компоненты

Спасибо, это есть в загладках. Интересует именно полные либы типа бутстрапа а не отдельные компоненты

Antd глянь

Antd глянь

Тож неплох спасибо )

Vuetify понравился

Свою напиши.

свою начал писать но, понял что изобретаю велосипед поэтому тупо сделал так watch: { files: { handler(val, oldval) { let file = val[0] if (file) { if (file.success) { this.handle_file_uploaded(file) } } } } }, может есть идея есть лучше?

свою начал писать но, понял что изобретаю велосипед поэтому тупо сделал так watch: { files: { handler(val, oldval) { let file = val[0] if (file) { if (file.success) { this.handle_file_uploaded(file) } } } } }, может есть идея есть лучше?

Работающий велосипед лучше чем неработающий танк.

фига ты некропостер

и да, хай-левел обертки над д3 существуют

тот же c3.js

Добрый день, есть кто-то, кто добавлял Vue в проект на Битриксе ?

Добрый день, есть кто-то, кто добавлял Vue в проект на Битриксе ?

а есть особая разница битрикс или что-то другое?

Добрый день, есть кто-то, кто добавлял Vue в проект на Битриксе ?

есть

использовал это решение https://github.com/regiomedia/bitrix-project/blob/master/local/assets/scripts/util/vueInvoker.js но в принципе можно и без него

а есть особая разница битрикс или что-то другое?

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

использовал это решение https://github.com/regiomedia/bitrix-project/blob/master/local/assets/scripts/util/vueInvoker.js но в принципе можно и без него

спасибо, почитаю

Antd глянь

Они предатели

Всем привет. У кого-нибудь были проблемы с vue-cli-service serve в ие(Syntax error)?

У осла всегда проблемы! то его гугл по морде стукнет то яндекс пнет, даже сафари в стороне не стоит подлянки делает!

не, про сафари не верю, у него своих проблем более чем достаточно, не до осла точно.

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

почему так не работает <v-list-tile-action> <v-tooltip bottom> <v-icon v-html="item.icon"></v-icon> <span>12112</span> </v-tooltip> </v-list-tile-action>

ERROR: S client not available

всем привет, есть вопрос. Отличаются ли производительностью Рендерные функции и обычный Single File Component?

SFC на шаге сборки компилируется в рендер-функцию

SFC на шаге сборки компилируется в рендер-функцию

А есть ответ о производительности v-bind="objectValues" ?

вы похоже занимаетесь преждевременной оптимизацией

Вообще нет. Просто не исследовал это момент и мне не попадались никакие issue или обсуждени на эту тему. хммм, я даже код не смотрел как там идет распаковка

Друзья, подскажите бестпрактис по такому вопросу: Есть приложение SPA, которому нужно иметь возможность запускаться с разным UI. Функционал, роутинг, vuex - все остается прежним. Только часть "template" в каждом компоненте может будет другой. Другие стили и разметка. Например меню в первом варианте вверху и красное, во втором - синий выпадающий список, в третьем - сайдбар справа, в четвертом - вообще не видно его. Как лучше такое сделать.

чтоб тупо не переписывать 4 раза каждый компоненет

целиком

Всем привет, ребят а как побороть ошибку с eslint, require self closing on html elements?

почему так не работает <v-list-tile-action> <v-tooltip bottom> <v-icon v-html="item.icon"></v-icon> <span>12112</span> </v-tooltip> </v-list-tile-action>

Всем привет, ребят а как побороть ошибку с eslint, require self closing on html elements?

зачем ее бороть? пиши как линтер хочет

а вообще .eslintrc.js или как у тебя на проекте называется конфиг файл еслинта

находишь правило, ставишь 0

зачем ее бороть? пиши как линтер хочет

он ошибку выдает на <div class="mainHome_pictures-1"></div>

он ошибку выдает на <div class="mainHome_pictures-1"></div>

ну так правильно

если нет контента, должно быть <div classname />

если нет контента, должно быть <div classname />

спасибо

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

есть обьект $route.query, как сделать чтобы он все расставил в template url /app/${this.$route.query}, как то так, есть какойнибудь метод, как это сделать ?

привет всем

кто пользовался vue2-google-maps ?

очень нужна помощь как стилизировать или создать свой gmap-info-window ?!

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

Всем добнрого! Вопрос тем, кто пользуется готовыми либами компнентов. На чём остановили выбор

я покупал на themeforest

много интересных админок там

https://vuejs.org/v2/api/#vm-forceUpdate

https://vuejs.org/v2/api/#vm-forceUpdate

Большое спасибо

я покупал на themeforest

Не очень понятен смысл, там готовае админки чтоли