vue router中,实现路由跳转的方法,vue中的路由跳转

　　本文主要介绍vue-router嵌套路由模式(页面路径跳转但页面显示空白)，有很好的参考价值，希望对你有所帮助。如有错误或不足之处，请不吝赐教。

如图所示从欢迎页跳转至用户列表

　　欢迎页面：路径-欢迎

　　用户页面：路径-用户

　　可以看到路径已经跳转了，但是跳转后的用户列表页面是空白的。嵌套代码如下：

　　1 .路径path不需要携带/(未解析)

　　2.在主页上添加路由器视图标签。

　　在主页的模板下添加router-view /router-view后，用户页面占据了整个页面，我们需要在主页的右半部分显示用户页面：

　　根据相关信息，路由器视图/路由器视图标签位置错误。标签意味着显示子路线的一部分并重新定位它。

　　在主题el-main/el-main中写入路由器视图/路由器视图：

　　解决问题！

　　以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。