Vue роутер - загрузка компонента требует времени - PullRequest
Новая
       7

Vue роутер - загрузка компонента требует времени

0 голосов
/ 03 февраля 2020

Vue нуб здесь. Я застрял с проблемой перехода / загрузки с Vue Маршрутизатор.

Я хочу отобразить Page1, а затем, при изменении маршрута, перевести его из экрана, чтобы вы могли видеть Page2 прямо под ним. , уже загружен и на месте, как это:
enter image description here

Это вроде работает с этим параметром перехода: 

<template>
    <transition v-on:leave="leave" v-on:enter="enter">
      <router-view />
    </transition>
</template>

<script>
import anime from 'animejs'

export default {
  methods: {
    leave(el, done) {
        if (el.id == 'page1') {
            anime({
                targets: el,
                translateX: '100%',
                duration: 1000,
                easing: 'linear',
                complete: done
            });
        }        
    },
    enter(el, done) {
        done();
    }
  }
};
</script>

Однако в моем случае, для загрузки требуется время, так как он содержит некоторое webgl для запуска. Эх go переход заикается или страница 2 не полностью загружена, когда отображается.

Я не уверен, что было бы правильным способом решения этой проблемы?

...