Нужно заставить v-loading работать до хуков?

Question

[salco2012]

Использую loaderбиблиотеки element-io. Проблема в следующем: мне нужно чтоб при входе в личный кабинет, крутился loaderдо тех пор пока полностью не отрендерится личный кабинет, т.е другой компонент на который перекидывает router.push В data> state> isLoadingстоит в true; Но, сейчас при входе, loaderначинает крутиться через 1 секунду, и это логично, он срабатывает на хуке mounted, когда дерево монтируется, ведь мой loader находится в dive; Вопрос: подскажите, как реализовать задуманную мной логику, т.е чтоб loadingкрутился до тех пор пока компонент на который пушу, полностью не отрендерится? Заранее благодарю за помощь!)

<template>
    <div
    v-loading.fullscreen="isLoading"
    element-loading-text="Загрузка..."
    element-loading-background="rgba(0, 0, 0, 0.8)"
  >
   ...множество другого кода, который не относится к теме, удалил чтоб не засорять
</div>
</template>

Answer 1

[iBird Rose]

по нормальному loader нужно вставлять в App.vue или если так не хочется, то в корневой элемент нужного тебе раздела. Ну и подключить его в виде плагина, чтобы можно было достучаться до его методов.
Можешь посмотреть как реализованы другие подобные плагины loader'ов. Их полно

Comments

[salco2012]

Так я вставляю в корневой элемент нужного мне раздела, в самый главный div, но он все равно же начнет работать на хуке mounted, что не решит проблемы с задержкой в эту 1 секунду (
Даже эксперементировал, пробовал в template вставить, но тоже самое.

[iBird Rose]

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

[salco2012]

iBird Rose, как Вы написали вставить на app? так как особо выше не куда, но тогда не совсем понятно, как влиять на остановку лоадера? Создать событие и прокинуть его emitom в app получается?

[iBird Rose]

salco2012, гугли как работать с плагинами во vue https://ru.vuejs.org/v2/guide/plugins.html

[salco2012]

iBird Rose, Хорошо, спасибо!)