169 похожих чатов

Добрый день. Подскажите, можно как-то сделать пререндер узла (Vnode). Делаю

компонент, который принимает любые элементы, и в зависимости от их размеров, оборачивает в другой компонент. В render получил дочерние узлы, но т.к. они ещё не отрендерены не могу получить их размер. Получается, нужно сперва их отрендерить как есть, а потом уже менять в mount? Или можно как-то сделать пре render?

12 ответов

35 просмотров

Проще срендерить как есть, посмотреть размер, и затем перерендерить в зависимости от размера. "пре рендер" можно сделать, но грязненько. Можно сделать экземпляр нового Vue приложения и в нём рендерить

Alexey-Erisov Автор вопроса
Grigorii K. Shartsev
Проще срендерить как есть, посмотреть размер, и за...

Ну второй экземпляр прям слишком. А перендер, как реализовать? В render сперва как есть детей вывожу, но поставив hidden свойство. А потом в mount как именно заменить отрендеренных детей на обернутых детей?

Alexey Erisov
Ну второй экземпляр прям слишком. А перендер, как ...

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

когда у меня была такая задача, решалась через https://vueuse.org/core/useMediaQuery/ но там media-query было достаточн

Alexey-Erisov Автор вопроса
Роман Бандурин
когда у меня была такая задача, решалась через htt...

Тут размеры не экрана. А элементов. Мне нужно произвольную вёрстку разбить на страницы А4. Но пользователь должен видеть уже конечную постраничную вёрстку

Alexey Erisov
Тут размеры не экрана. А элементов. Мне нужно прои...

может вот это поможет: https://vueuse.org/core/useElementSize/ https://vueuse.org/core/useElementBounding/

Alexey-Erisov Автор вопроса
Роман Бандурин
может вот это поможет: https://vueuse.org/core/use...

Да это я видел. Это просто сахар. Получить размеры из рефа то я могу) Тут больше архитектурный вопрос, как правильно сделать. Выше подсказали, что лучше и правда первым рендером выводить скрытых детей, а потом их мутировать. Теперь пытаюсь понять, как мне отрендеренного ребёнка заменить на новый vnode.

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

Alexey-Erisov Автор вопроса
Роман Бандурин
через эти vueUse тоже можно сначала вывести потомк...

Да, к такому примерно и пришёл пока. В render(), проверяю, если размеры детей посчитаны и записаны в состояние, то рендерятся модифицированные дети, а если значения не посчитаны, то выводятся просто чистые дети. А в mounted() считываю размеры детей и записываю в состояние компонента. Получается то что нужно вроде, первый рендер просто выводит чистых детей и считает их размер, а при ререндере уже произойдёт модификация детей. Ещё не допилил реализацию, но вроде должно все нормально быть с перфомансом

Alexey Erisov
Да, к такому примерно и пришёл пока. В render(), п...

Можно без рендер функций Сперва отрисовываешь скрыто или за пределами экрана элементы (будущих "детей") Считаешь размеры, определяешь нужный layout и вставляешь его через <component is>, например, (или выбор через v-if-ы) уже с детьми. Разрешаешь отрисовку (перед этим всем страница была скрыта через v-if). Никаких детей никуда двигать не надо.

Alexey-Erisov Автор вопроса
Ruslan
Можно без рендер функций Сперва отрисовываешь скры...

В шаблоне это многословно будет, поэтому рендер функцию использую. Там не просто каждого ребёнка обернуть или нет, там нужно прочесть массив, посчитать общую высоту, потом разбить на страницы и страницы вывести. Можно и в шаблоне сделать, но будет менее читаемо. Все же рендер функции ближе к обычному js и его проще читать/следить за исполнением

Похожие вопросы

Обсуждают сегодня

Мужики и девушки, привет) в Вelphi xe7 в настройках во вкладке "Editor Options" далее " Color" есть список: "Elements", открыв который мы можем настраивать отображение разных...
Kraszx
14
Добрый вечер. Есть вопрос, а может и предложение. Был у меня диалог в другой группе о делфи и я задался вопросом: "А нельзя ли в делфи цвет //коментария и {комментария} сде...
Kraszx
24
Я вот подумал. SSE выполняет операции максимум с 64-битной точностью. А FPU - всегда с 80-битной. Разве не должно быть FPU точнее тогда?
The Bird of Hermes
13
как быть с принтером? такой подход прокатит?
zamtmn
12
Мдя, прикол, боевая сборка запускается (именно под отладчиком) после F9 примерно полторы минуты (97 секунд если быть точным). Начал копать - проблема детектится сразу - зависа...
Александр (Rouse_) Багель
38
Всем привет! Подскажи, пожалуйста, как передать в TComboBox сразу значение и id записи. На Delphi я делал так: ComboBox1.Items.AddObject('Какое-то значение', Pointer(id запис...
Евгений
13
Я не понимаю, это троллинг или что? Швабрика поддерживают, который буквально пишет на ассемблере взаимодействия с винапи. Я это ещё написал загрузчик и хоть что-то изучаю в о...
Shadow Akira
6
Здравствуйте, вопрос по структурам данных. Были у вас случаи, когда пришлось писать деревья или двунаправленные списки?
/ /
50
А вот это что за конструкция? Вернее, она тут нафига?
Serjone
10
Привет. Подскажите, как правильно сматчить лист фиксированного размера, чтобы компилятор не говорил мне о неполном паттерне? Допустим что-то такое [x', y'] = sort [x, y]?
Arseny
8
Карта сайта