这篇文章主要介绍“VueRouter嵌套路由怎么使用”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“VueRouter嵌套路由怎么使用”文章能帮助大家解决问题。说明嵌套路由就是父路由里面嵌套他的子路由，父路由有自己的路由导航和路由容器（router-link、router-view），通过配置children可实现多层嵌套。（router-view必须要有，否则点击了router-link后，路径会变化，但页面不改变）。嵌套路由用于实现页中页效果。例如：用户页面中，有登录页面和注册页面，这两个页面通过标签切换。此时：用户页面是父路由，登录和注册页面是子路由后台管理页面中，布局都是同一套，只是中间的内容部分改变。（例如：vue-element-admin）此时：整个布局是父路由，中间的内容页面是子路由。需求：写一个用户页面，里边有登录页面和注册页面，这两个页面通过标签切换。router/index.jsUser.vue登录页面（子页面）Login.vue注册页面（子页面）Register.vue测试访问：http://192.168.0.104:8080/结果：点击“登录”/“注册”：如果子路由的path的最前边有“/”，则不需要加父路由的路径即可访问此子组件。例如，修改上边的“路由配置”，将path: ‘login’，改为path: ‘/login’，则登录页面可以这样访问：http://192.168.0.104:8080/#/logi免费云主机域名n示例router/index.js：测试关于“VueRouter嵌套路由怎么使用”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注百云主机行业资讯频道，小编每天都会为大家更新不同的知识点。
这篇文章主要介绍了微信小程序怎么使用slider实现音频进度条的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅免费云主机域名读完这篇微信小程序怎么使用slider实现音频进度条文章都会有所收获，下面我们一起来看看吧。微信小程序的slider…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
