Javascript 未找到嵌套路由vue js
我从Javascript 未找到嵌套路由vue js,javascript,vue.js,vuejs2,vue-router,Javascript,Vue.js,Vuejs2,Vue Router,我从app.js let routes=[{ 路径:“/dashboard”, 组件:需要(“./components/Dashboard.vue”) }, { 路径:“/tour”, 组件:需要(“./components/Index.vue”), 儿童:[{ 名称:“创建”, 路径:'/create', 组件:需要(“./components/product/Create.vue”) }] }, { 路径:“*”, 组件:需要(“./components/NotFound.vue”) }
app.js
let routes=[{
路径:“/dashboard”,
组件:需要(“./components/Dashboard.vue”)
},
{
路径:“/tour”,
组件:需要(“./components/Index.vue”),
儿童:[{
名称:“创建”,
路径:'/create',
组件:需要(“./components/product/Create.vue”)
}]
},
{
路径:“*”,
组件:需要(“./components/NotFound.vue”)
}
];代码>创建一个新文件,并通过组件文件夹中的Tourview.vue保存
<template>
<router-view ></router-view>
</div>
</template>
<script>
export default {
data() {
return {
};
},
methods: {
};
};
</script>
如果我是正确的,您应该删除路径中/create
前面的/code>property@daanvanham谢谢你的建议。我试了一下,只是url从http://localhost:3000/tour
至http://localhost:3000/tour/create
但Create.vue组件不会加载。控制台也登录了Created.vue组件,但在单击“添加新按钮”按钮时不会显示任何内容。是否还需要更新master.blade.php中的路由器链接
?仅更新index.vue文件中的Add New
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")
}
];