vue-router的<router-view>标签失效

用vue-route切换页面,只想在<router-view>里变换,但是按照文档写,却整个页面跳转了。

clipboard.png
main.js中关于路由的配置

clipboard.png
router.js里的内容,其中蓝色的路径就是我要操作的页面

clipboard.png

clipboard.png
这里就是最后调用的代码,不知道哪里写错了,这个页面都会跳转。
ps:这个项目是用iView创建的,是不是也有关系?

阅读 6.9k
3 个回答

傻比了,忘记要写成子路由

router里写的 /News, router-view写的/news

你的/news 是path 相对路径

:to = "{path:'/news'}"

clipboard.png 示例~~~~

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题