vue路由跳转没有router_view可以跳转吗,vue中的routerview
摘要:本文主要介绍了vue路由文章中路由器视图内容存在的问题及解决方法,具有很好的参考价值。希望对大家有帮助。如有错误或不足之处,请不吝赐教。
目录
路由器视图内容无法呈现。错误记录路由器视图未呈现。排除原因。
router-view内容无法渲染出来
最近学了vue路由知识,写router-view/router-view的时候内容无法渲染。找了半天发现是个神坑!
配置路由时要注意,名称定义为routes而不是Routes,否则你的内容不会被渲染。
Bug记录router-view没有被渲染
起因
当浏览器控制台查看router-link时,发现它被正常呈现,但是路由器视图没有被浏览器呈现。
排查
由于vue的静态路由文件控制上述两个标签,所以校验码(./router/index.js)如下:
从“vue”导入Vue
从“vue路由器”导入vue路由器
从导入第一页./views/pageOne
从导入第二页./视图/第二页
vue . use(vue router);
Const routers=[ //错误如下(1)
{路径:“/pageOne”,组件:pageOne},
{路径:“/第二页”,组件:第二页},
{路径:“/”,组件:第一页}
];
const router=new VueRouter({
路由器//错误就在这里(2)
});
导出默认路由器
错因
因为写代码的时候,习惯上把路由写成routes,但是这里应该写成Routes,只是一个字母r的区别。
以上个人经历,希望能给大家一个参考,也希望大家多多支持我们。
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。