[Vuejs]-Nested Route Not Found vue js

0👍

create a new file and Save by Tourview.vue inside the components folder.

<template>
    <router-view ></router-view>
  </div>
</template>

<script>
  export default {
    data() {
      return {      
      };
    },
    methods: {

  };
  };
</script>

and update your routing file like following.

let routes = [{
    path: "/dashboard",
    component: require("./components/Dashboard.vue")
  },
  {
    path: "/tour",
    component: require("./components/Tourview.vue"),
    children: [
     {
      path:'',
      component: require("./components/Index.vue")
     },
    {
      name: 'create',
      path: '/create',
      component: require('./components/product/Create.vue')
    }]

  },
  {
    path: "*",
    component: require("./components/NotFound.vue")
  }
];

Leave a comment