Компонент монтируется дважды при обновлении с дочернего маршрута в режиме истории - PullRequest
Новая
       6

Компонент монтируется дважды при обновлении с дочернего маршрута в режиме истории

0 голосов
/ 16 сентября 2018

Я использую vue-router в режиме истории.Когда я вхожу на дочернем маршруте "/ dashboard" и обновляю страницу, компонент <ccp/> монтируется дважды.В компоненте ccp я вхожу в консоль в созданном и смонтированном хуке.Я вижу, что консоль выводит дважды для каждого.Какие-нибудь мысли?Заранее благодарим за просмотр!

Редактирование: при начальной загрузке приложения <ccp/> создается и монтируется только один раз.

Вот код:

App.vue: 

<template>
    <div v-show="isConnected">
      <ccp/>
      <router-view/>
    </div>
</template>

<script>
     // blah blah blah - doing stuff and then pushing route to /dashboard
    return this.$router.push({name: "dashboard"});
</script>

router.js 

export default new Router({
mode: "history",
routes: [
// DEFAULT ROUTE
{
  path: "/",
  name: "root",
  alias: store.getters.isDemoMode ? "/demo" : "/app" // isDemoMode is false for this test however I wanted to show the alias config in case that is part of the problem.
},

{
  path: "/demo",
  name: "demo",
  component: Demo
},
{
  path: "/app",
  name: "app",
  component: App,
  children: [
    {
      path: "/dashboard",
      name: "dashboard",
      component: Dashboard
    }
  ]
 }
})

1 Ответ

0 голосов
/ 17 сентября 2018

Он монтируется в два раза чаще, поскольку компонент приложения также является частью вашего маршрута.Ваш маршрут с именем "app" снова монтирует приложение.

...