为了账号安全,请及时绑定邮箱和手机立即绑定

vue后台管理系统的侧边栏 怎么和router.js里面的路由连接起来呢

vue后台管理系统的侧边栏 怎么和router.js里面的路由连接起来呢

饮歌长啸 2018-12-20 18:19:32
我现在属于在return里面把数据写死,然后for循环出来的,比如说我点击左侧导航然后右侧出现相应内容,网上很多开源项目我也看了,要不跟我一样的,要不写死的,vuex不太用这个玩意 sideList:[          {            id: 1,            menuName: '账户管理',            icon: 'icon-usermanagement',            children:[              {                menuName:'账户首页',                path:'home',                icon: 'icon-guanli',              },这个path 应该是路由里面的path
查看完整描述

1 回答

?
拉风的咖菲猫

TA贡献1995条经验 获得超2个赞

首先你要明白路由的配置过程:
1.安装路由(新建项目的时候默认帮你装)
2.定义路由组件:每个路由对应一个路由组件。
3.创建路由实例。
4.创建和挂载根实例,通过router配置参数注入路由,从而让整个应用都有路由功能。
在router index.js里,

https://img1.sycdn.imooc.com//5c3803e60001745912920632.jpg

在main.js里,

https://img1.sycdn.imooc.com//5c3803fd00010f8503970247.jpg

在pages main.js里(即你的项目主页里)
https://img1.sycdn.imooc.com//5c3804060001535809810438.jpg


项目文件路径:

https://img1.sycdn.imooc.com//5c38040e00013fd302880344.jpg

三言两语说不明白,得看你基础,建议你多看文档,了解router基本内容,如果需要文档链接可以找我要。


查看完整回答
反对 回复 2019-01-11
  • 1 回答
  • 0 关注
  • 2318 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信