Sunlive
еще где то с альфы на next.vuetify были частичные переводы
Danil
Доброго времени суток. Начинаю изучение и возник вопрос. Хочу к работающему проекту подключить компонент Vue. На что необходимо обратить внимание? Насколько я понимаю, мне не нужен webpack и прочие сборщики.
Evgeniy
Я один что ли столкнулся с тем, что в nextTick dom еще не обновлен?
Evgeniy
Необходимо получать позиции элементов на странице, после их отрисовки, делаю так, но они оказываются неверными. Подскажите плес, как правильно
Evgeniy
Evgheni
Я один что ли столкнулся с тем, что в nextTick dom еще не обновлен?
оберни код внутри nextTick в setTimeout(()=>{<код>}, 0) может поможет
Evgeniy
обернул в setTimeout(()=>{<код>}, 1000) - помогло)
Alexandr
не напоминает костыль?)
Evgeniy
вот я и интересуюсь, может есть адекватные методы)
Максим
промисы?
Evgeniy
промисы?
а куда? нужно какое-то событие корректного обновления дома
Sergey
ну, на самом деле nextTick для браузеров без промисов - так и сделан с setTimeout 0
Sergey
выглядит костыльно, но это решение
Максим
а если не успеет за 1000? например, 1к элементов не успеет отрисоваться
Alexandr
на уровне архетиктуры надо думать, мне кажется
Максим
может еще вот так // Генерируем событие, возможно с передаваемыми данными this.$emit('название' [, данные]); // Слушаем событие this.$on('название', function(данные) {...});
Varyen
нет, вью цепляется только на ряде страниц, остальной фронт рисует Yii
я сейчас на подобном проекте просто локально держу вебпак, а деплою уже сбилженные скрипты, вполне ок
Максим
врят ли: нужно какое- нативное событие браузера типа "DOMContentLoaded"..
function ready() { alert( 'DOM готов' ); } document.addEventListener("DOMContentLoaded", ready);
Evgeniy
css анимация на элементах не стоит?
стояла - убрал - все заработало без костылей 😅. Спасибо!
Roman
👍🏻
Phil
@DanilKefir Чтобы начать работать с VUE не нужны сборщики и прочее, да)
Dmitry
Всем привет, есть вопрос. Пишу SPA, и столкнулся с такой проблемой, в плане иерархии компонентов. Editor => Objects => Attributes => AttributeEditor Стало как-то сложновато передавать данные из родительского в самый дочерний, и отслеживать изменения отправленные через emit. Я правильно понимаю что решить проблему можно с помощью Vuex? Благодаря централизованному хранилищу? Остается такая же реактивность только теперь будут использовать $store, вместо props?
Alexey
А в чём сложность возникла?
Ilshat
привет, ребят. а как можно удобно сделать переход на кокретный роут с определенными данными в data. к примеру я даю клиенту ссылку на форму с частично заполненными данными. а по дефолту форма не заполнена
Ilshat
get-параметры?
гет не подходит. данных может быть много. к примеру я хочу заполнить ФИО и т.д
Dmitry
А в чём сложность возникла?
сложность в том, что на каждый уровень вложенности мне нужно передавать модель данных, и начиная с самого нижнего уровня при апдейте компонента, отслеживать это на родителе
Danil
Как можно собрать компонент tiny-slider 2.0 что б использовать?
Van
гет не подходит. данных может быть много. к примеру я хочу заполнить ФИО и т.д
тогда реализовать сохранение данных в БД, из бд по какой-то сгенеренной ссылки доставать. но я бы так не заморачивался
Ilshat
откуда же им взяться тогда?
короче у меня есть одна большая форма, которая сделана пошагово. и она линейна. в идеале удобно будет разделить все шаги по отдельным формам. но уже с возможностью передать данные из одной формы в другую по завершению. надеюсь понятно объяснил
Dmitry
ты имеешь в виду, что плодится куча методов для каждого emit?
да-да и это тоже, компоненты становятся толстыми, а для каждого уровня вложенности для компонента свой CRUD, по сути дерево
Ilshat
вроде понятно, получается и правда сохранять куда-то в базу придётся с идентификатором сессии, например, и передвать гет-параметром этот идентификатор
ну проще просто vuex наверно. мне эти данные как бы не совсем нужны. или еще пришло в голову использовать Bus
Ilshat
если ты ссылку на форму кому-то скинешь, то vuex тут не поможет
не, мне не надо внешних ссылок. это чисто внутреннее. к примеру после заполнения одной формы. человек захочет еще один заполнить, но часть инфы уже есть в предыд форме
Van
не, мне не надо внешних ссылок. это чисто внутреннее. к примеру после заполнения одной формы. человек захочет еще один заполнить, но часть инфы уже есть в предыд форме
Храни состояние формы и при переходе на следующую передавай в нее предыдущую. Тут даже не нужны вуексы и ивентбасы, просто в родительском компоненте-обертке данные храни
Артем
Local storage. Vue-save-state можешь так же посмотреть
Van
Local storage. Vue-save-state можешь так же посмотреть
Локалсторадж не поможет, если он захочет ссылку дать клиенту, с предзаполнеными данными 😊
Ilshat
Храни состояние формы и при переходе на следующую передавай в нее предыдущую. Тут даже не нужны вуексы и ивентбасы, просто в родительском компоненте-обертке данные храни
ну я хочу формы независимыми сделать. т.е. у них будут свои роуты. просто нужно какой то кнопкой по желанию открывать другой роут с необходимыми данными
Артем
Если передавать ссылки клиенту тут только на бекенде хранить
Van
а твой вариант поможет?)
Не-а, последний не об этом же 😊
Артем
И передавать с гет параметром
Alexey
Ilshat
ссылка только внутренняя. то есть после заполнения одной формы. точнее даже ссылка только для клиента, а в реале @ click событие
McLotos
Всем привет. Ребят, подскажите, у меня есть компонент MainPage.vue, в нем есть export default { computed: { module: function() { return (1==1) ? Component1 : Component2; } } } Сборка проходит нормально, но браузер ругается Failed to mount component: template or render function not defined. Что может быть не так? Весь день бьюсь с этим сообщением
Ilshat
а можно как то как в react вызвать action смены роута, но добавить туда данные. а потом как то через this.$router получать?
McLotos
в самом MainPage.vue <template lang="jade"> div component(:is="{module}") </template>
Alex
Вывожу в консоле this.$refs, там есть мой элемент, но при попытке обратиться к нему он undefined - чяднт?
Stanislav
Вывожу в консоле this.$refs, там есть мой элемент, но при попытке обратиться к нему он undefined - чяднт?
когда раскрываешь объект в консольке хрома, она показывает его в текущий момент, а не тогда, когда его выплюнул console.log
Alex
когда раскрываешь объект в консольке хрома, она показывает его в текущий момент, а не тогда, когда его выплюнул console.log
Звучит разумно. Но как мне к нему обратиться в рамках одного однофайлового компонента?
McLotos
Ну да, это же вычисляемое свойство, в которое по идее должен записаться либо первый компонент, либо второй, разве нет?
Stanislav
McLotos
да, но почему в фигурных скобках?
о! Спасибо! Блин, весь день убил на этот баг!
Alexey
)))
Ilshat
вижу многие используют jade трудности с ней не возникают?
McLotos
А где можно почитать про динамеческие роуты? В смысле нужно в зависимости от ситуации генерить разные наборы роутов
Aleksey
Подтверждаю, крайне удобно
Alex
Ну и вопрос вдогонку - возможно ли обратиться через реф к элементу дочернего компонента?
Evgheni
вижу многие используют jade трудности с ней не возникают?
не всем нравится отсутствие явных открытых и закрытых тегов, а так норм
Aleksey
да