vue路由跳转不成功,地址栏有变化而页面不变,是为什么?

  • router文件夹里的index.js已经配置好了
  • 图片说明

  • 可是还是不能成功跳转,是为什么?是我哪里写错了吗?

    我就是想下图这两个文件之间实现跳转

图片说明
图片说明

  • 页面跳不回去,但地址栏的链接还可以显示跳转

  • 图片说明

index.js 6,7行路径名称要小写,这个是区分大小写的,路径名要与你的页面命名保持一致
如果你运行一下的话index.js会抛错给你的,因为根本就找不到大写的这个文件

我猜是是你页面没加 <router-view/>

在leftnav的右边写个router-view试下

写在哪里?

这是因为vue-router有些特性,你应该 系统的学一下,推荐duanshuiLu点抗母的那个东京大药房,你看下就明白了