v-for="item in array" v-model="item.value"

Ну или просто item

v-for="item in array" v-model="item.value"

вот, именно так и делаю, не работает

https://jsfiddle.net/teadg717/

невнимательность, все работает, S надо был

Так item в data не определен, как он привяжется в v-model?

глянул код понял ?

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

В доках было

Привет Ребят. Подскажите как прикрутить анмацию к смнене изображения. Меняю просто src у изображения: <img :src="imgArr[currentImg]">

Transitionом оберни

Он будет тебе создавать два элемента img во время анимации с соответствующими Цсс классами

Пробовал, но не получается. Я так понмаю transition работает только с v-if и v-show.

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

Вью из коробки поддерживает компоненты в виде промисов, в доке есть

Ага, нашел, спасибо. https://ru.vuejs.org/v2/guide/components.html#Асинхронные-компоненты

вывести получилось, а динамически сделать не пойму как https://jsfiddle.net/teadg717/4/ чтобы значение даты подставлялось в инпут test, one

Народ у меня одного форум на офф сайте не открывается?

Возможно, утром валялся, что в гитхаб писали. Правда бот сразу закрывал ?

получилось, вопрос закрыт https://jsfiddle.net/teadg717/6/

Ребят, а как у вас нотифаи на вуе сделаны? в рутовом апе слушаете события серез общий bus или отдельным инстансом делаете?

хотя можно плагином сделать

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

Ребят, а как у вас нотифаи на вуе сделаны? в рутовом апе слушаете события серез общий bus или отдельным инстансом делаете?

Бутстраповские алерты в base.html и норм

Сверху вылазят)

я не про внешний вид, а про архитектуру и логику работы

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

https://vk.com/im?sel=c42&z=video98365169_456239879%2F89a78825bca1bdc0fa

https://vk.com/im?sel=c42&z=video98365169_456239879%2F89a78825bca1bdc0fa

неудача

https://vk.com/video98365169_456239879

Ребят, проблема. Через v-for передаю объект, одно из свойст это адресс картинки. Ни в какую не хочет отображаться

Ребят, проблема. Через v-for передаю объект, одно из свойст это адресс картинки. Ни в какую не хочет отображаться

Измени название переменной

перенесите картинки в static/ и указуйте путь

'static/img.jpg'

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

но выше логотип, который в assets и нормально отобразился

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

спасибо, заработало

спасибо, заработало

Чей совет помог?

Seos'а

пожалуйста )

для чего тогда assets?

Помоему такое поведение из за вебпака... нужно его настроить, гдето на stackoverflow встречал решение, но найти не могу

я тоже сразу на вебпак подумал

в шаблоне webpack-simple проделывал такое и не раз

555

девочки, я вот что-то никак не пойму, уже в который раз встречаю в коде компонента строчку name: ... Она вообще зачем ?

export default { name: ' ??? ', data () { return { ... } } }

не нагуглилось ничего

как можно сделать append к отрендеренному элементу вью? div например. пробовал через appendChild в created хуке, безтолку

а в mounted?

тоже, может что то делаю не правильно.. mounted: function () { const div = document.getElementsByClassName("test") div.innerHTML = "aaaa" }

не нагуглилось ничего

твой гугл как яндекс видимо

https://vuejs.org/v2/api/#name

https://vuejs.org/v2/api/#name

аа, пасиб)

Кстати, парни я тут несколько раз задавал вопрос по поводу скроллера для vuejs, в итоге написал сам. Но сегодня наткнулся на https://luiguild.github.io/v-bar/

так что если кому надо - обратите внимание

как минимум внешне выглядит не как говно, сорцы еще не смотрел

Кстати, парни я тут несколько раз задавал вопрос по поводу скроллера для vuejs, в итоге написал сам. Но сегодня наткнулся на https://luiguild.github.io/v-bar/

мне кажется твой скроллер работает лучше

этот совсем плох

а что в нем плохого, я не заметил?

меняем направление скрола - скролбар на один "тик" пройдет в противоположном направлении

да и вообще он как будто подлагивает, слехка с запозданием двигается

и какими-то рывками

ERROR: S client not available

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

меняем направление скрола - скролбар на один "тик" пройдет в противоположном направлении

а что за браузер?

а что за браузер?

посдений десктопный хром, видео бага прилагаю.

мдя, надо было сначала код глянуть >Scrollbar not moving on mobile https://github.com/luiguild/v-bar/issues/4 >Scrollbar very slow https://github.com/luiguild/v-bar/issues/2

поэтому и говорю, что веротно твой луше написан

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

ни в хроме, ни в сафари

ребят, я по-прежнему с вопросом о применении готовых компонентов. Сейчас мучаюсь с компонентом https://github.com/BosNaufal/vue2-scrollbar. Мучения заключаются в том, что не могу заставить его работать. Может ктот подсказать, как его оживить?

а что конкретно не работает?

да он просто не появляется да и все )

ну код же дай =)

сек

вот код: new Vue({ el: '#cities-list', components: { 'vue-scrollbar': require('vue2-scrollbar') }, data: { cities: [] }, mounted() { this.cities = citiesData.map(city => { return { url: `${location.href}?#city_id=${city.id}`, title: city.title }}); debugger; console.log(this.cities); }, }); и вывод <vue-scrollbar class="dropdown"> <div class="city" v-for="city in cities"><a :href="city.url">@{{ city.title }}</a></div> </vue-scrollbar>

вот такая картина

У нас <keep-alive> только с динамическими <component> работает?

Короче, я раскурил как работает keep-alive. Кэширует он только динамические компоненты, а вернее компоненты, которые рендерятся в динамических компонентах. Например, <router-view>. Если обернуть его в <keep-alive>, то все повторные переходы на страницы будут взяты из кэша, с сохранением состояния страниц и компонентов внутри страниц. Это, кстати, отображается в Vue DevTools. Из неприятного - кэшировать можно только детей динамических компонентов. т.е. если обернуть <router-view> в <keep-alive>, то ему нельзя указать (даже с помощью атрибута include, условное кэширование), что бы он кэшировал конкретный компонент (потомка) на странице. В общем, все или ничего :)

мне никто не подскажет, как быть с моей проблемой? Уже 2 дня бьюсь

мне никто не подскажет, как быть с моей проблемой? Уже 2 дня бьюсь

Мб подключил неправильно?

вот код: new Vue({ el: '#cities-list', components: { 'vue-scrollbar': require('vue2-scrollbar') }, data: { cities: [] }, mounted() { this.cities = citiesData.map(city => { return { url: `${location.href}?#city_id=${city.id}`, title: city.title }}); debugger; console.log(this.cities); }, }); и вывод <vue-scrollbar class="dropdown"> <div class="city" v-for="city in cities"><a :href="city.url">@{{ city.title }}</a></div> </vue-scrollbar>

я не силен в require, но попробуй сделать через import

Обычно не советуют делать require в теле функции

вот код: new Vue({ el: '#cities-list', components: { 'vue-scrollbar': require('vue2-scrollbar') }, data: { cities: [] }, mounted() { this.cities = citiesData.map(city => { return { url: `${location.href}?#city_id=${city.id}`, title: city.title }}); debugger; console.log(this.cities); }, }); и вывод <vue-scrollbar class="dropdown"> <div class="city" v-for="city in cities"><a :href="city.url">@{{ city.title }}</a></div> </vue-scrollbar>

а еще лучше залей свой пример на js fiddle

Обычно не советуют делать require в теле функции

Попробуй как в мануале var VueScrollbar = require('vue2-scrollbar'); ... export default { components: { VueScrollbar }, };

я 2 дня пробую разными способами: и через import, и через require, и глобально регистрируя, и локально, и выводя в отдельный компонент, и пытаясь применить его напрямую после регистрации... устал тыкаться в неопределенность. А как мне залить на jsfiddle этот компонент? Я его через npm ставил...

Я бы уже забил и сделал через overflow: scroll до лучших времён

Вот тут вторая ошибка говорит, что vue не видит этого компонента вообще Значит точно неправильно подключаешь

тут проблема системная: я не могу понять в чем ошибка и, соответственно, не могу использовать и другие компоненты. На данный момент у меня одинаковый затык с 2мя компонентами - скроллбаром и маской на инпут.

Я бы уже забил и сделал через overflow: scroll до лучших времён

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

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

я поначалу что бы не париться со скролом сделал нативный скрол, но сделал padding-right 20px

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

тут проблема системная: я не могу понять в чем ошибка и, соответственно, не могу использовать и другие компоненты. На данный момент у меня одинаковый затык с 2мя компонентами - скроллбаром и маской на инпут.

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