Да

Да

Спасибо, уже читаю.

Vuex

Если приложение простое, то vuex - перебор, а то ведь когда в руках молоток...

Если приложение простое, то vuex - перебор, а то ведь когда в руках молоток...

Согласен. Но тут не уточнили размер проекта ?

Согласен. Но тут не уточнили размер проекта ?

ну. проект из ээ 5компонентов, 4 страницы)

ну. проект из ээ 5компонентов, 4 страницы)

Для некоторых любителей усложнить это не помеха )

Но если действительно все очень просто и усложнение не предвидится, то можно и пропсами прокинуть

Как лучше в vue реализовать глобальные переменные? Например надо во всех компонентах знать uid какого-нибудь запроса

я делаю Vue.prototype.$systemVar = object Потом в компонентах this.$systemVar или {{ $systemVar }} в темплэйтах

наверное нубство лютое, но я бэкендер, так что простительно:)

я делаю Vue.prototype.$systemVar = object Потом в компонентах this.$systemVar или {{ $systemVar }} в темплэйтах

это вариант, но есть минус - неочевидность

если таких штуки 2-3 – то не страшно

vuex?

но опять же, если простой проект, то куда ж еще очевиднее )

vuex?

да, это был первый вариант

да, если Vue.prototype.$var уже путает – лучше наверное взять vuex, иначе получится велик)

свой flux начнешь выдумывать

+

Да у меня одна сторонняя либа, и его инициализированный объект должен быть доступен отовсюду.

Для небольшого проекта идеально использовать eventBus вида Vue.prototype.$bus = new Vue()

через него можно прокидывать эвенты с любым пэйлоадом

которые можно ловить в любом месте приложения

Также внутри можно хранить любые данные

Для небольшого проекта идеально использовать eventBus вида Vue.prototype.$bus = new Vue()

как тут? https://alligator.io/vuejs/global-event-bus/

Так точно

только здесь не просовывается в prototype, но в остальном твой совет)

С прототипом доступ легче

ага. У нас в старой версии проекта так сделано

Неловко отвлекать, ноо

https://codesandbox.io/s/lp1qxqvqrq

https://codesandbox.io/s/lp1qxqvqrq

Сколько ты заплатил за этот адрес?

Сколько ты заплатил за этот адрес?

От деда достался

https://codesandbox.io/s/lp1qxqvqrq

Ооо, спасибо (про рефы-то я и забыл)

Я тоже )))) Но вспомнил )

Честно говоря до этого на пректе делали такой же функционал каким-то иным способом, но хоть убей не могу вспомнить как ((

Хотя работает вроде ок

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

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

Ну в душе я понимаю, что это не тру вэй... Сделаешь как надо?

Ну в душе я понимаю, что это не тру вэй... Сделаешь как надо?

думаю, что да

Ждем ссылку!

Самому интересно, как сделать лучше

Пока тоже подумаю

https://codesandbox.io/s/jnlz7v6443

вот один вариант

Но вот эта стремно моргающая цифра...

ок, сейчас попробую другой вариант

Всем привет. Снова вопрос. Должно быть довольно простой. Как переопределять стили глобально подключенных плагинов? Конкретный пример. Подключил Vue-JS-Modal. Захотел переопределить box-shadow. Но удалось мне это сделать лишь в своих стилях, дописав для его класса !important. у самого компонента есть стиле во vue файле, а также css в папке dist. Но все мои изменения там просто игнорируются

Может там стоит scoped в компоненте ?

Всем привет. Снова вопрос. Должно быть довольно простой. Как переопределять стили глобально подключенных плагинов? Конкретный пример. Подключил Vue-JS-Modal. Захотел переопределить box-shadow. Но удалось мне это сделать лишь в своих стилях, дописав для его класса !important. у самого компонента есть стиле во vue файле, а также css в папке dist. Но все мои изменения там просто игнорируются

только большей специфичностью в css. Или отключить стили и написать свои

Но вот эта стремно моргающая цифра...

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

Кто-нибудь веселилися с Vue Custom Element? Все работает, только не билдит отдельный файл js

Может там стоит scoped в компоненте ?

не стоит)

Всем привет. Снова вопрос. Должно быть довольно простой. Как переопределять стили глобально подключенных плагинов? Конкретный пример. Подключил Vue-JS-Modal. Захотел переопределить box-shadow. Но удалось мне это сделать лишь в своих стилях, дописав для его класса !important. у самого компонента есть стиле во vue файле, а также css в папке dist. Но все мои изменения там просто игнорируются

ы, обычно только так получалось )))

только большей специфичностью в css. Или отключить стили и написать свои

Так в итоге и сделал, просто раздражает непонимание момента, откуда эти стили вообще вылазят

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

Слушай, ну например во vue-text-mask реализовано именно через прямую подмену value у рефа. Так что я думаю, что возможно это и есть оптимальный вариант. Моргание все-таки не круто

Слушай, ну например во vue-text-mask реализовано именно через прямую подмену value у рефа. Так что я думаю, что возможно это и есть оптимальный вариант. Моргание все-таки не круто

https://codesandbox.io/s/oxrmljoj6

вот без моргания

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

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

Второй вариант - те же рефсы )

по сути, да, но проще

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

Ну я согласен, но здесь нужен прямой доступ к инпуту, поэтому и рефс

а зачем дублировать e.target рефом?

это только усложняет код

заставляет искать какой-то скрытый смысл

Ну на мой взгляд вот это не очень хорошо... this.inputValue = e.target.value = 100;

Но возможно дело вкуса

по-моему лучше все-таки в две строки

ERROR: S client not available

А почему не лзя на прямую this.$refs.inputname.value

и если вместо e.target.value = 100 написано this.$refs.inputRef.value = 100, то это тоже улучшает читаемость кода. КМК

Привет. beforeRouteUpdate и beforeRouteLeave работают только в корневом компоненте. Есть какие нибудь воркэраунды чтобы в подкомпоненте можно было хук повесить ?

Привет. beforeRouteUpdate и beforeRouteLeave работают только в корневом компоненте. Есть какие нибудь воркэраунды чтобы в подкомпоненте можно было хук повесить ?

beforeRouteUpdate и beforeRouteLeave работают в ЛЮБОМ компоненте, который используется как роут приложения

beforeRouteUpdate и beforeRouteLeave работают в ЛЮБОМ компоненте, который используется как роут приложения

ну я так и пытался написать. :) но мне б в подкомпоненте

компонентов в качестве роута очень много. в каждом вешать одинаковый хук: "Есть несохраненные данные" как то не очень.

миксин?

или может работает такая тема на router view @hook:beforeRouteUpdate

А почему не лзя на прямую this.$refs.inputname.value

да кто ж запрещает-то? ) просто это дублирование того, что события сами тебе дают

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

да кто ж запрещает-то? ) просто это дублирование того, что события сами тебе дают

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

и если вместо e.target.value = 100 написано this.$refs.inputRef.value = 100, то это тоже улучшает читаемость кода. КМК

Ох. Просто возьмите jQuery и забудьте про Vue

Ох. Просто возьмите jQuery и забудьте про Vue

Простите, что?

vue наше всё

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

хуй знает кому я ответил, но пускай он сам поймет

Простите, что?

Вы понимаете что вы выше написали?

так как правильно-то сделать?

так как правильно-то сделать?

Как правило менять value у input?

Нет. Это сделано вместе с редактированием value в инстансе

Если кто-то сделает лучше, без вопросов признаю, что это хуевый способ

Как правило менять value у input?

да

Как правило менять value у input?

через хендлер и стейт?

Как правило менять value у input?

сейчас вверх пролистаю и снова форвардну, в чем проблема (тут предложили несколько решений, но пока не сошлись во мнении, как же правильно)

Просто сделайте свой вариант. Без выебонов

И киньте сюда ссылку

лишний раз форвардну, вдруг вечером уже спали и затерялось (больше не буду) Упрощенный вариант проблемы в песочнице: https://codesandbox.io/s/myxwk98r78

Привет, ребят. Есть input, в инпуте v-model - computed, где геттер - это просто гет значения, а сеттер - валидация нового значения, возможно его изменение и отправка эвента родителю с новым значением. Все работает, пропсы обновляются, но не получается сделать эээ удаление лишних символов, которые обрезаются валидацией. Что я делаю не так и как это починить?

А то чет слишком много умников