vue路由跳转没有router_view可以跳转吗,vue中的routerview

  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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: