Такое можно через proxy делать

за прокси спасибо - можно подумать как сделать

за прокси спасибо - можно подумать как сделать

через computed делай

самый тру вей

И как решил?

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

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

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

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

:D это щас звучит как хрень какая-то

хотя и на деле мне очень не нравится решение

через computed делай

нэээ лишний код - это ненужный код если хочу сказать что отобрази мне user.city.name значит я должен сказать user.city.name

нэээ лишний код - это ненужный код если хочу сказать что отобрази мне user.city.name значит я должен сказать user.city.name

чем вариант с lodash не устроил?

Но вообще, можно v-if повесить, тогда и проверять не нужно

ну устроил но во первых это надо функцию лодаш постоянно грузить(а ее можно и промахать) а во вторых ну {{get(user, 'city.name')}} - ну как бы - ну ты понимаешь

как выше предлагал Alex

Но вообще, можно v-if повесить, тогда и проверять не нужно

компонент не отобразится

компонент не отобразится

И не надо. Данных нет - отображать нечего

да это блокировка ui

И не надо. Данных нет - отображать нечего

это ты так считаешь

это ты так считаешь

Можно пример, когда это плохо?

да всегда - топорно получается

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

Можно пример, когда это плохо?

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

я ж говорю, когда можно юзать v-if \ v-else – все шик

да и user&&user.city это тот же if только кароче

Окей. Информация о юзере: Имя: {{...}} Фамилия: {{...}} Что должно быть вместо {{}} ? "Загрузка" у каждой строки?

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

вот да фильтр думал - что то типа |safe но не поможет потому что сначала вычислится экспрешн и вывалится с ошибкой

обосрался я со своими шлюзами

не получается сделать

Окей. Информация о юзере: Имя: {{...}} Фамилия: {{...}} Что должно быть вместо {{}} ? "Загрузка" у каждой строки?

давай мы шире будем мыслить 1) есть например, список тудушек для разных категорий, при этом, тудушки занимают много места на странице, скрывать их нельзя, прелоадер на весь компонент тоже нельзя 2) меняем категорию – тянем данные 3) вот тут нам не нужно убирать компонент, потому что по дизайну схлопнется половина страницы. поэтому блокируем только смену данных до резолва запроса, покаываем рядом маленький прелоадер, чтоб юзер понимал, что происходит 4) загрузили и обновили данные, разблокировали инпуты, видим новые тудушки для новой категории на деле запрос может длиться 100-200 мс. меня дизайнеры дрочат даже за то, что у них под виндой, при открытии попапов со скроллом, то два скролла, то страница дерагется при скрытии overflow

у меня известно minFontSize, maxFontSize, maxWidth и elementWidth, как мне человеку который не шарит в математике высчитать размер шрифта, который будет идеально влезать в maxWidth

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

у меня известно minFontSize, maxFontSize, maxWidth и elementWidth, как мне человеку который не шарит в математике высчитать размер шрифта, который будет идеально влезать в maxWidth

vw :D

https://medium.com/@chekofif/using-es6-s-proxy-for-safe-object-property-access-f42fa4380b2c на прокси реализация - не плохо - хотя думал что это должен делать vue я ошибался

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

У нас в Украине неоднократно от автолюбителей слыхал, что Я.Карты для навигаторов в разы лучше гугловских.

Сам пользуюсь только яндекс картами, потому что на некоторых улицах по гуглу ничего не найдешь (Львов)

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

я вообще-то написал, что данные нужно перезабирать с API, причем тут первичный рендеринг?)

vw :D

харе уже, это не использовать

харе уже, это не использовать

ладно-ладно подбирать тогда методом тыка или рассчитывать если не лень

у меня с матаном так себе, мне лень и я обычно своих ребят напрягаю)

Дэн, ты победил. Глобальную шину прикрутил в проект =) Пока выглядит неплохо, думаю нужно именовать события по человечески, тогда не запутаюсь в будущем.

Всем привет. Сразу представлюсь, по совету закрепленного сообщения) Работаю над сайтом для игрового сервера, использую как ни странно Vue. Я не специалист, а всего пытаюсь учиться.

Привет и добро пожаловать! :)

Как я уже писал, работаю сейчас над сайтом игрового сервера. Использую компоненты отображаемые через <component :is="currentView"></component> . Они у меня разной высоты, которую я предварительно не могу узнать (height: auto). Когда меняются компоненты у меня блок расположен ниже сразу же опускается. Вопрос в том, можно ли как-то анимировать появление компонента, чтобы избавиться от этих резких движений?

Transition сами понимаете, не совсем подходит в моей ситуации (с height: auto он не работает).

Как я уже писал, работаю сейчас над сайтом игрового сервера. Использую компоненты отображаемые через <component :is="currentView"></component> . Они у меня разной высоты, которую я предварительно не могу узнать (height: auto). Когда меняются компоненты у меня блок расположен ниже сразу же опускается. Вопрос в том, можно ли как-то анимировать появление компонента, чтобы избавиться от этих резких движений?

я пришел к выводу что это невозможно. либо не канонично

>Когда меняются компоненты у меня блок расположен ниже сразу же опускается вот тут по подробнее пожалуйста

<div id="withComponent"><component :is="currentView"></component></div> <div id="withoutComponent"><h1>Some data</h1></div>

Див с id withoutComponent опускается из-за того что в withComponent появляется DOM с достаточно большим количеством контента

то есть тебе нужно плавное увеличение высоты

Именно

ты можешь отрендерить этот компонент за viewport а потом просто вычислить высоту

короче расклад такой: -анимировать height впринципе можно и оно не тормозит при средне-засранном доме -но по факту этого никто не делает вообще тоесть я не видел ниодного подобного эффекта в интернете. все выкручиваются тем что вставляют сразу и именно анимируют выезжание. либо выезжают слева оставляя другой контент не тронутым

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

как картинку лол

а манипуляции с домом как проводить

вообще скачущий контент - bad practice

должна быть фиксированная высота

а если надо загрузить данные, то делать это в beforeRouterEnter

и тогда весь контент будет отрендерен моментально

а манипуляции с домом как проводить

на время транзишена как картинку всмысле

ну я и говорю

как ты манипулировать содержимым будешь

может у кого-то извращенные предпочтения

анимацию внутри анимации и все это в анимации

и кажется я уже это видел

Привет. Есть у кого-нибудь пример с vue и запись в бд, где связь один-ко-многим

Спасибо за советы и идеи. Попробую реализовать идею Sasha 💲🌚✖️ с рендерингом компонента за вьюпортом

Привет. Есть у кого-нибудь пример с vue и запись в бд, где связь один-ко-многим

фронтенд с бекендом не смешивай плс

как ты манипулировать содержимым будешь

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

Спасибо за советы и идеи. Попробую реализовать идею Sasha 💲🌚✖️ с рендерингом компонента за вьюпортом

да механизм реализации не суть важно. важен принцип. анимировать можно кстати какойнибудь velocity. пример в вуе доках есть

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

это не оч

лучше уж научиться использовать gpu

это не оч

это то что бы решило проблему тормозов

лучше уж научиться использовать gpu

и как ты его используешь ?

не решило бы

вообще лучше не перемещать весь дом

и не важно "картинкой" ты это делаешь или нет

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

что такого в перемещении дома ? скролинг разве не это делает ?

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

ну так об этом и речь. что остальному контенту делать который за шторкой ? хочется чтобы он тоже ехал шторкой

то есть ты хочешь растеризовать контент и перемещать его