Вью вообще способен работать с динамически. Созданными элементами? После маунт хука создаю элемент, навешиваю ему класс, добавляю в дом. Элемент есть, класс весит, стили не применились

Вью вообще способен работать с динамически. Созданными элементами? После маунт хука создаю элемент, навешиваю ему класс, добавляю в дом. Элемент есть, класс весит, стили не применились

в https://codesandbox.io/ может сделать реализацию?

или jsfiddle

Че за, косяк вью? Проделал тоже самое с ангуляр, работает ;(

Создай массив из имен компонентов, и через v-for подставляй название <component :is="componentName"></component>

сейчас у меня такое: <component v-for="element in rows" :key="element.id" :is="getRowComponent(element.type)" :model="element"></component> т.е. компоненты данные получают через свойства, но экшены всё равно дёргают из стора

Че за, косяк вью? Проделал тоже самое с ангуляр, работает ;(

как навешиваешь, черезз директивы?

Стили прописаны в style scoped. Не, зачем? Вешаю через className

Создай массив из имен компонентов, и через v-for подставляй название <component :is="componentName"></component>

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

Так, падажи. Во первых. Нафига тебе искать элемент. ты можешь в flatpickr передать ref

Ну, точнее задаю класс новоиспеченному элементу

не понял

Класс весит, а вот стиля нет 👎

Ну, точнее задаю класс новоиспеченному элементу

покажи код

Давай в ли скину, а то тут кавардак

Вью вообще способен работать с динамически. Созданными элементами? После маунт хука создаю элемент, навешиваю ему класс, добавляю в дом. Элемент есть, класс весит, стили не применились

Ручками через js создаешь?

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

Данные из стора? Для конкретного динамического компонента?

Я может туплю, но с this проблем нет?)

нет вроде

Ручками через js создаешь?

Да, в ангуляр были свои методы, здесь в доках не нашёл

Да, в ангуляр были свои методы, здесь в доках не нашёл

v-for + массив

Не

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

Если есть возможность скинь скрин, не очень понятен ворос. Данные ведь можно просто через props передавать

Данные из стора? Для конкретного динамического компонента?

данные из стора для конкретного динамического компонента, но фишка не в том, что он динамический, а том что мне нужно отрендерить список компонентов и как-то связать их со стором. Пока списка не было, я просто читал из стора вот так: computed: mapState(['name', 'location', 'date']) а как мне читать из стора, если компонент элемент списка?

Так не прокатит

нет вроде

this.date.date_from – на что должен ссылаться?

Я может туплю, но с this проблем нет?)

блииин

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

кажись да)

Если есть возможность скинь скрин, не очень понятен ворос. Данные ведь можно просто через props передавать

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

щас сделал var $this = this и заменил this на $this далее и вроде лучше, щас еще оттестирую

кажись да)

И сделай правда на рефы, о чем говорил выше @c01nd01r

key все равно нужен

я еще пока про рефы ен понял, читаю

key оставил

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

Ты каждый динамический компонент хочешь связать с конкретным стором? Или стор один для всех?

Ты каждый динамический компонент хочешь связать с конкретным стором? Или стор один для всех?

стор один

Подскажите либы для карт для vuejs + vuex Сейчас использую openlayers, но оно не реактивное и довольно не удобно

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

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

спасибо, так и делаю. Просто меня стали посещать смутные сомнения, возможно был ещё какой-нибудь более удобный/правильный способ

Подскажите либы для карт для vuejs + vuex Сейчас использую openlayers, но оно не реактивное и довольно не удобно

вангую, "либа для vue" будет сырая, кривая и недоделанная.

спасибо, так и делаю. Просто меня стали посещать смутные сомнения, возможно был ещё какой-нибудь более удобный/правильный способ

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

вангую, "либа для vue" будет сырая, кривая и недоделанная.

Я уже хочу заботать и сделать свою "нахлобучку" на openlayers для vuejs

спасибо всем ребят, вроде получилось с key всё как надо!

Я уже хочу заботать и сделать свою "нахлобучку" на openlayers для vuejs

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

спасибо всем ребят, вроде получилось с key всё как надо!

но ты проверь)

проверяю, тестирую, пока вроде без ошибок))

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

проверяю, тестирую, пока вроде без ошибок))

ну и на ref поменяй. А это костыль какой-то, искать по id+index

блин, уговорил, еще про реф тогда пошел гуглить

доку

курить доку а не гуглить

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

Шаблон покажи вот этой строки

ты про эту?

ты про эту?

Нет, внутри daterow

<input ref="date" ...> <input ref="time" ...> В mounted: $(this.$refs.date).flatpicker(...) $(this.$refs.time).flatpicker(...) Идея ясна? ref создает ссылки на дом ноды (если лежит на дом ноде)

<input ref="date" ...> <input ref="time" ...> В mounted: $(this.$refs.date).flatpicker(...) $(this.$refs.time).flatpicker(...) Идея ясна? ref создает ссылки на дом ноды (если лежит на дом ноде)

+

ооо, прикольно, теперь понял) спасибо, попробую и так

так это получается использовать вместо key или вместе?

так это получается использовать вместо key или вместе?

к key это не относится, вместе видимо

к key это не относится, вместе видимо

+. ref - это про ссылка на элемент. key - это помощь vue в отслеживании изменений. Иначе он будет не полностью перерисовывать компонент (для лучшей производительности)

как рендерить после того, как данные появятся во Vuex? как это проверить?

как они там появятся сами по себе :D?

как рендерить после того, как данные появятся во Vuex? как это проверить?

у сторы есть хук subscribe, срабатывает после каждой мутации, можно трекать в этом хуке

как рендерить после того, как данные появятся во Vuex? как это проверить?

А зачем? Оно же реактивное. Данные появились - отрисовалось

chart.js почему-то не отрисовывает, хоть я и добавил reactiveData миксин

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

Не инициализируйте flatpickr по айди. Юзайте refs

да я уж понял, спасибо

И использовать индексы в циклах мне уже кажется что вообще нигде не следует)

оу. vuetify начали продавать мерч 🙈

оу. vuetify начали продавать мерч 🙈

это же хорошо

да каждый второй начинает что-то продавать

значит что проетк будет и дальше жить

а кстати vuetify - это самая грамотная из подобного рода ui-китов на vue сейчас? полгода назад смотрел - ничего достойного особого не было, везде какие-то косячки и кривые места были

это же хорошо

прост раньше за css-фреймворками такого не замечал. вот и удивлен 😁

А что насчет quasar framework скажете?

а кстати vuetify - это самая грамотная из подобного рода ui-китов на vue сейчас? полгода назад смотрел - ничего достойного особого не было, везде какие-то косячки и кривые места были

element-ui хороший