да

именно так

да

А че не через css?

Ну накой они мне скрытые?

Если я могу рендерить их тогда, когда мне нужно

🙈

🙈

У показатьскрыть через ксс и рендер прям совсем разные ниши, так что вот не надо на все такие штуки фейспалмиться)

может, у тебя шанс показать это клиенту 1 к 1000, т.е. никто почти не щёлкнет по кнопочке, а ты это рендерить будешь да ещё и в дом тащить (хоть и при дисплей нон не отрендерится до конца)

А вот обработчики к виндоу вот прямо так ну хз.

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

но надо придумать будет гибкое решение

Так у кого нибудь есть идея, что не так?

У показатьскрыть через ксс и рендер прям совсем разные ниши, так что вот не надо на все такие штуки фейспалмиться)

+

Рендер более дорогая операция

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

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

Рендер более дорогая операция

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

чаще всего, сущие миллисекунды. на мобасе.

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

Вместо события на загрузку просто вызвать?

да, так и сделал

))))

заработало

тупанул

mounted уже вызывается, когда dom компонента готов

теперь работает))

счастья всем.

Камрады, как установить src в <img :src='...'> после mounted? У меня ссылка подгружается дополнительно и надо после загрузки как то обновить...

можно сделать компьютед на объект в котором ссылка

стандартно, назначить img свой id и через id.src= ? в vue как принято?

и просто через :src=""

чейчас так, серез компьютед

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

можно пояснить что подразумевается под не успевает?

я в mounted запускаю загрузку ревалентных ссылок через api бакенда. Потом в в компьютед спрашиваю "дай мне ссылку на картинку". В отладчике вижу что сначала спрашивается ссылка, потом подгружаются нужные ссылки. в beforeMount не могу отправить запрос - не готовы еще нужные для запроса данные. Проект не мой, дописываю...

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

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

это не подскажу

Коллбэк для реактивных элементов?

Зачем?

Коллбэк для реактивных элементов?

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

"Подписка на нативные события в компонентах" https://ru.vuejs.org/v2/guide/components.html Помогите понять, что подразумевается под этим?

а что, во вью нельзя разве просто <img v-if="imageUrl" src={{imageUrl}} ...

а что, во вью нельзя разве просто <img v-if="imageUrl" src={{imageUrl}} ...

+

ну так

че городите тогда

:src=imageUrl

а что, во вью нельзя разве просто <img v-if="imageUrl" src={{imageUrl}} ...

src обновится когда imageUrl перестанет быть undefined ?

:src=imageUrl

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

элемент в принципе не будет присутствовать в DOM до тех пор пока imageUrl не обретет значение, которое может быть интерпретировано каr булево true

о как. Спасибо! пополз экспериент ставить! )))

это в случае с v-if

....

ты всегда задаешь вопросы просто лишь бы спросить?

оно будет работать так: imageUrl получил значение — элемент появился с срц равным imageUrl, браузер начинает загружать картинку по срц в этот момент.

дада, я понял это, спасибо! )

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

где ваша любовь к экспериментам? хороший программист всегда немного ученый.

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

а еще я могу тебе предложить наговнокодить сильней и использовать this.$watch()

с ним у тебя будут твои любимые коллбеки

лол

шикарно

где ваша любовь к экспериментам? хороший программист всегда немного ученый.

Друже, я про vue узнал неделю назад. Не успел еще всё изучить, нет пока знаний в достаточном количествке )

с ним у тебя будут твои любимые коллбеки

они как раз не любимые, но в js так принято с промайзами...

самый просто способ их добыть — экспериментировать с открытой докой с;

"Подписка на нативные события в компонентах" https://ru.vuejs.org/v2/guide/components.html Помогите понять, что подразумевается под этим?

это значит, что даже если ты внутри компонента не реализовал нужный эвент внутри компонента, ты можешь прицепиться к нативным эвентам которые вызываются на this.$el

они как раз не любимые, но в js так принято с промайзами...

чего

в js принято async/await

и немного promise, а callback прошлый век

http://rsdn.org/forum/dynamic/6981789.1

вот тут я спрашивал

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

смотря какой + будет ли он удаляться и обратно рендериться

это значит, что даже если ты внутри компонента не реализовал нужный эвент внутри компонента, ты можешь прицепиться к нативным эвентам которые вызываются на this.$el

черт, сложно

смотря какой + будет ли он удаляться и обратно рендериться

я о том же)

окей, давай так. Самый корневой элемент в твоем компоненте это this.$el. <template> <div>Test</div> // div = this.$el </template>

и если кликнуть по this.$el, то браузер заимитит эвент click

я пока не дошел до $el, поэтому может пойму потом

чтоб не писать this.$refs.myComp.$el.addEventListener('click', fn)

this.$el это объект корневого элемента данного компонента?

вуе тебе предлагает просто писать @click.native

this.$el это объект корневого элемента данного компонента?

да, это просто ссылка на node элемент корневого элемента

просто исходя из примера в доке пока не вижу дерева родитель-потомок или родителем выступает new Vue а каждый компонент по умолчанию потомок? Vue.component('button-counter', { template: '<button v-on:click="incrementCounter">{{ counter }}</button>', data: function () { return { counter: 0 } }, methods: { incrementCounter: function () { this.counter += 1 this.$emit('increment') } }, }) new Vue({ el: '#counter-event-example', data: { total: 0 }, methods: { incrementTotal: function () { this.total += 1 } } })