vue -раут-дети с paths.map не работают должным образом

Question

У меня две проблемы с индексом. js <<< router </p>

Первая проблема - это отсутствие детских компонентов.

Вторая проблема - когда я нажимаю на вкладку a во второй раз я перехожу на домашнюю страницу

Панель инструментов. vue

<template>
  <v-container
    id="dashboard"
    fill-height
    grid-list-xl
  >
    <v-layout wrap>

      <v-tabs slot="actions" background-color="transparent">
        <router-link tabindex="0" aria-selected="true" tag="div" class="v-tab" active-class="v-tab--active" role="tab" to="dashboard/add_product">Add Product</router-link>
        <router-link tabindex="0" aria-selected="true" tag="div" class="v-tab" active-class="v-tab--active" role="tab" to="dashboard">Information</router-link>
      </v-tabs>
      <v-flex md12>
        <v-card><router-view /></v-card>
      </v-flex>
    </v-layout>
  </v-container>
</template>

Информация. vue

<template>
  <div>information</div>
</template>

AddProduct. vue

<template>
  <div>add post</div>
</template>

index. js

import Vue from 'vue'
import VueAnalytics from 'vue-analytics'
import Router from 'vue-router'
import Meta from 'vue-meta'

// Routes
import paths from './paths'

function route (path, view, name, children) {
  return {
    name: name || view,
    path,
    component: (resovle) => import(
      `@/views/${view}.vue`
    ).then(resovle),
    children
  }
}

Vue.use(Router)

// Create a new router
const router = new Router({
  mode: 'history',
  routes: paths.map(path => route(path.path, path.view, path.name, path.children)).concat([
    { path: '*', redirect: '/' }
  ]),
  scrollBehavior (to, from, savedPosition) {
    if (savedPosition) {
      return savedPosition
    }
    if (to.hash) {
      return { selector: to.hash }
    }
    return { x: 0, y: 0 }
  }
})

paths. js

export default [
  {
    path: '/',
    view: 'Home'
  },
  {
    path: '/dashboard',
    view: 'Dashboard',
    children: [
      {
        path: 'add_product',
        view: 'AddProduct',
        name: 'addProduct'
      },
      {
        path: '',
        view: 'Information',
        name: 'information'
      }
    ]
  }
]

Когда я изменил представление для компонента в дочерних элементах в путях. js.

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

Как мы можем показать компоненты через детей посмотреть?

Как вы решаете проблему перехода на домашнюю страницу?