vue router路由跳转了,但是页面没有变

わたし
  • 31

先上图
app.js
图片描述

router.js
图片描述

index.vue
图片描述

menu.vue
图片描述

http://localhost:8080/#/index
图片描述

http://localhost:8080/#/menu
图片描述

点击跳转按钮,路由正常跳转了,但是页面没有变,请大佬指点

评论
阅读 4.2k
4 个回答

你既然“/”的页面跟你需要跳转的组件没有父子组件的关系,你应该把该跳转的组件路径从children中提到外边,单独放置,如果你需要是父子组件路由嵌套的关系,记得在父组件的页面适当的地方添加<router-view></router-view>

报错信息已经很明确了,你的组件命名是menu,它与html标签<menu>重名,vue不允许这样。
你把menu页面的组件name改成其他的就行了

使用绝对路径看下

一、把报错的问题解决;
二、把路由从children里面拎出来,如下

clipboard.png

宣传栏