index.js
import Vue from 'vue'
import Router from 'vue-router'
// 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 }
}
})
export default router
اتوقع ان سبب المشكلة هي لان children عبارة عن array وتحتاج لضبط اخر لها.