get-параметры?

гет не подходит. данных может быть много. к примеру я хочу заполнить ФИО и т.д

гет не подходит. данных может быть много. к примеру я хочу заполнить ФИО и т.д

откуда же им взяться тогда?

А в чём сложность возникла?

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

Как можно собрать компонент tiny-slider 2.0 что б использовать?

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

ты имеешь в виду, что плодится куча методов для каждого emit?

гет не подходит. данных может быть много. к примеру я хочу заполнить ФИО и т.д

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

откуда же им взяться тогда?

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

Всем привет, есть вопрос. Пишу SPA, и столкнулся с такой проблемой, в плане иерархии компонентов. Editor => Objects => Attributes => AttributeEditor Стало как-то сложновато передавать данные из родительского в самый дочерний, и отслеживать изменения отправленные через emit. Я правильно понимаю что решить проблему можно с помощью Vuex? Благодаря централизованному хранилищу? Остается такая же реактивность только теперь будут использовать $store, вместо props?

Может попробовать сначала автобус меньшими телодвижениями ,нежели vuex, если я правильно понимаю о чем Вы)

ты имеешь в виду, что плодится куча методов для каждого emit?

да-да и это тоже, компоненты становятся толстыми, а для каждого уровня вложенности для компонента свой CRUD, по сути дерево

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

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

да-да и это тоже, компоненты становятся толстыми, а для каждого уровня вложенности для компонента свой CRUD, по сути дерево

получается vuex, когда уже невмоготу

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

ну проще просто vuex наверно. мне эти данные как бы не совсем нужны. или еще пришло в голову использовать Bus

ну проще просто vuex наверно. мне эти данные как бы не совсем нужны. или еще пришло в голову использовать Bus

если ты ссылку на форму кому-то скинешь, то vuex тут не поможет

если ты ссылку на форму кому-то скинешь, то vuex тут не поможет

не, мне не надо внешних ссылок. это чисто внутреннее. к примеру после заполнения одной формы. человек захочет еще один заполнить, но часть инфы уже есть в предыд форме

не, мне не надо внешних ссылок. это чисто внутреннее. к примеру после заполнения одной формы. человек захочет еще один заполнить, но часть инфы уже есть в предыд форме

ну в начале вроде задача звучала не так. Так конечно vuex подойдет

не, мне не надо внешних ссылок. это чисто внутреннее. к примеру после заполнения одной формы. человек захочет еще один заполнить, но часть инфы уже есть в предыд форме

Храни состояние формы и при переходе на следующую передавай в нее предыдущую. Тут даже не нужны вуексы и ивентбасы, просто в родительском компоненте-обертке данные храни

Храни состояние формы и при переходе на следующую передавай в нее предыдущую. Тут даже не нужны вуексы и ивентбасы, просто в родительском компоненте-обертке данные храни

Если они линейны, конечно.

Local storage. Vue-save-state можешь так же посмотреть

Local storage. Vue-save-state можешь так же посмотреть

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

Храни состояние формы и при переходе на следующую передавай в нее предыдущую. Тут даже не нужны вуексы и ивентбасы, просто в родительском компоненте-обертке данные храни

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

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

а твой вариант поможет?)

Если передавать ссылки клиенту тут только на бекенде хранить

а твой вариант поможет?)

Не-а, последний не об этом же ?

И передавать с гет параметром

ссылка только внутренняя. то есть после заполнения одной формы. точнее даже ссылка только для клиента, а в реале @ click событие

Всем привет. Ребят, подскажите, у меня есть компонент MainPage.vue, в нем есть export default { computed: { module: function() { return (1==1) ? Component1 : Component2; } } } Сборка проходит нормально, но браузер ругается Failed to mount component: template or render function not defined. Что может быть не так? Весь день бьюсь с этим сообщением

а можно как то как в react вызвать action смены роута, но добавить туда данные. а потом как то через this.$router получать?

Всем привет. Ребят, подскажите, у меня есть компонент MainPage.vue, в нем есть export default { computed: { module: function() { return (1==1) ? Component1 : Component2; } } } Сборка проходит нормально, но браузер ругается Failed to mount component: template or render function not defined. Что может быть не так? Весь день бьюсь с этим сообщением

А как ты его выводишь в шаблоне?

в самом MainPage.vue <template lang="jade"> div component(:is="{module}") </template>

Вывожу в консоле this.$refs, там есть мой элемент, но при попытке обратиться к нему он undefined - чяднт?

Вывожу в консоле this.$refs, там есть мой элемент, но при попытке обратиться к нему он undefined - чяднт?

когда раскрываешь объект в консольке хрома, она показывает его в текущий момент, а не тогда, когда его выплюнул console.log

в самом MainPage.vue <template lang="jade"> div component(:is="{module}") </template>

{module}?

в самом MainPage.vue <template lang="jade"> div component(:is="{module}") </template>

или эта конструкция нужна для пага?

когда раскрываешь объект в консольке хрома, она показывает его в текущий момент, а не тогда, когда его выплюнул console.log

Звучит разумно. Но как мне к нему обратиться в рамках одного однофайлового компонента?

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

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

да, но почему в фигурных скобках?

Звучит разумно. Но как мне к нему обратиться в рамках одного однофайлового компонента?

Видимо, обращение идет, когда этого элемента еще нет в DOMе

да, но почему в фигурных скобках?

о! Спасибо! Блин, весь день убил на этот баг!

)))

вижу многие используют jade трудности с ней не возникают?

А где можно почитать про динамеческие роуты? В смысле нужно в зависимости от ситуации генерить разные наборы роутов

вижу многие используют jade трудности с ней не возникают?

трудности? неее, кайф =)

Видимо, обращение идет, когда этого элемента еще нет в DOMе

Тебя куда целовать, милчеловек?

Подтверждаю, крайне удобно

Тебя куда целовать, милчеловек?

Воу, палехче)

Ну и вопрос вдогонку - возможно ли обратиться через реф к элементу дочернего компонента?

вижу многие используют jade трудности с ней не возникают?

не всем нравится отсутствие явных открытых и закрытых тегов, а так норм

да

Ну и вопрос вдогонку - возможно ли обратиться через реф к элементу дочернего компонента?

Есть список, внутри другого списка есть другой список, в этом списке есть кнопка на модалку. Где лучше открывать модалку в родители или в списке? Я имею ввиду в плане производительности, как много жрет v-if? родитель->список->список->модалка

Ну и вопрос вдогонку - возможно ли обратиться через реф к элементу дочернего компонента?

ref для этого и создан

Если кома интересно то так: this.$refs.РЕФ_КОМПОНЕНТА.$refs.РЕФ_ЭЛЕМЕНТА_ВНУТРИ_КОМПОНЕНТА

Но лучше пропсы, я думаю

Ребят, хочу асинхронно подгркзить компонент с помощью вебпака, делаю так: Код импорта const home = () => import('./components/home.js'); Код компонента const home = Vue.component('home', function(resolve, reject) { setTimeout(() => { resolve({ template: '<h1>hello</h1>', }); }, 2000); }); Выбивает ошибку Uncaught (in promise) TypeError: Cannot read property 'beforeRouteEnter' of undefined Кстати, если подключаю без динмаического импорта, то всё ок import home from './components/home.js'; Подскажите в какую сторону гуглить. Может нужен какой-то плагин для вебпака, может упускаю какой-то момент.

у тебя vue-router пытается инициализировать свои хуки

https://router.vuejs.org/ru/advanced/lazy-loading.html тут смотри

уже смотрел там. что-то мне не помогает)

@dartist21 скорей всего тебе в “Коде компонента” не нужно использовать функцию с таймером, просто используй объект Вебпак все сделает за тебя

да, если просто объект, то будет ок. там просто вместо этого таймера идет get запрос, который резолвит компонент вот пример из доки с такой же функцией https://vuejs.org/v2/guide/components.html#Async-Components но, наверное, так вкладывать не получится =/

А какой хук использовать чтобы и на апдейт работал и на маунт первичный?

Кажись нет такого

ERROR: S client not available

ребят, с three js кто работал?

<component v-for="item in items" :is="item.cmp"></component> делать не могу?

<component v-for="item in items" :is="item.cmp"></component> делать не могу?

Смотря что ты подразумеваешь под этой строчкой

Ладно, я не буду спрашивать, нафига тебе плодить кучу модалок. :key="modal-${index}" - это фигня Что в modal.component лежит?

modal.component = Vue компонент

modal.component = Vue компонент

https://ru.vuejs.org/v2/api/#is

"Принимает - ???"

А зачем динамический компонент?

делаю модальный сервис

делаю модальный сервис

А если вместо <component is> написать <Modal> ?

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

?

я б через роутинг модалки делал если их действительно много

я б через роутинг модалки делал если их действительно много

Человек же написал, что ему не нужны советы :)

А если вместо <component is> написать <Modal> ?

вот такие советы действуют на нервы

?

я б через роутинг модалки делал если их действительно много

ага, их будет много. мы хотим делать компонентами this.$modal.push(ModalInstance), и чтобы это улетало в TheModalsContainer

<component v-for="item in items" :is="item.cmp"></component> делать не могу?

https://codepen.io/anon/pen/wyrbqQ можешь

Ребят, всем привет. Как отменить стандартное событие на router-link ? Уже куда только мог передаю event, юзаю native.prevent, а событие не отменяется.

вот такие советы действуют на нервы

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

https://codepen.io/anon/pen/wyrbqQ можешь

хм. значит где то у меня косяк. спасибо!

переход точнее (ну стандартное событие на ссылке)

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

я пришел с вопросом, а не за советом :)

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

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

извините если кого задел