vue-admin-template使用方法

安装完后，首次登录，界面如图：

1、修改界面为中文显示，编辑src/main.js内容，注释掉locale位置，打开注释Vue.use(ElementUI)如图：

修改后，查看内容已经变成中文，如图：

注：登录界面左侧的功能栏名称需要手动改，默认写死在代码中，因此是英文的

2、修改左侧功能栏：

左侧的功能栏显示的主要是路由，在src/router/index.js中设置

下面例子表示添加一个密码本路由，子路由为普通密码，如图：

• path：设置路由路径，可自定义
• component：component，组成部分，设置为Layout即可
• redirect：redirect，重定向地址，如果设置为noRedirect时该路由在面包屑导航不可被点击，可以留空
• alwaysShow：如果子路由只有一个，那么需要设置alwaysShow为true，然后才能看到父路由名字，如果多个子路由就不需要设置alwaysShow
• name：设定路由名字，没啥实际意义
• meta：meta设置元素，一般设置title和icon即可
• children行：设置子路由
• children里的component：指定导入的页面路径，对应的页面名字为commonpass.vue
• hidden: true，可以隐藏路由，这里没写

添加完成后页面自动刷新，父路由为密码本，子路由为普通密码，如图：