vue-router嵌套路由方式(页面路径跳转但页面显示空白)
更新时间：2022年04月29日 09:57:26 作者：weixin_46326251
这篇文章主要介绍了vue-router嵌套路由方式(页面路径跳转但页面显示空白)，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
如图所示从欢迎页跳转至用户列表
欢迎页：路径---welcome
用户页：路径---users
可以看到路径发生了跳转，但跳转后的用户列表页面显示空白。路由嵌套代码如下：
查询相关资料，有两种解决方案
1.path路径不用携带/ （未解决）
2.在home页面需添加router-view标签
在home页面的template下添加<router-view> </router-view>后，用户页面占据了整个页面，而我们需要将用户页面展示在主页面的右半部分：
查询相关资料可知，<router-view> </router-view>标签的位置不对。该标签的意思是将子路由的部分进行一个展示，重新调整位置
将<router-view> </router-view>写在主体<el-main></el-main>内：
解决问题！
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了Vue数据驱动模拟实现的相关资料，介绍了Array的变异方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-01-01
表格是前端非常常用的一个控件，本文主要为大家介绍了Vue3如何实现一个简易的可以复制的表格，文中的示例代码讲解详细，需要的可以参考一下2022-12-12
这篇文章主要介绍了Vue如何拖动滑块问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-07-07
Vuejs使用addEventListener的事件如何触发执行函数的this
这篇文章主要介绍了Vuejs使用addEventListener的事件触发执行函数的this方法，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-06-06
这篇文章主要介绍了vue中怎么区分不同的环境，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
本篇文章主要介绍了详解如何使用webpack打包Vue工程，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-05-05
这篇文章主要介绍了关于element-ui表单中限制输入纯数字的解决方式，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-09-09
Vue动态构建混合数据Treeselect选择树及巨树问题的解决
这篇文章主要介绍了Vue动态构建混合数据Treeselect选择树及巨树问题的解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-07-07
这篇文章主要介绍了vue上传图片到oss的方法示例（图片带有删除功能），小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-09-09
本文主要介绍了在VueRouter中,meta对象的使用和配置方式,meta对象可以包含任何你希望附加到路由的自定义信息,这些配置信息可以灵活的满足你的应用需求,使得路由配置更具灵活性和可扩展性2024-10-10
最新评论