5.0 KiB
5.0 KiB
更新日志
2020.8.30 更新
- build: 打包后的文件从绝对路径改成相对路径,也就是说打包后的文件不能放在服务器根目录下。
2020.8.14 更新
- new: loading 从
components/Index.vue挪到了App.vue。axios 从components/Index.vue挪到了utils/request.js,并对其进行了封装,方便复用。 - new: 重构了 loading 和 axios 拦截器使用方式,并提供了一个 ajax DEMO 放在首页。
2020.6.5 更新
- new: 新增外链功能,点击菜单可以跳到一个新页面,地址为指定的 URL。
- new: 新增独立路由页面功能,点击侧边栏可以跳转到单独的路由页面(铺满屏幕,顶级路由)。
具体示例请查看源码 src/store/index 和 demo
2019.12.21 更新
- refactor: 将
404页面独立出来,单独展示(占满屏幕) - new: 新增 eslint,配合 vscode 可以自动格式化代码
- new: 新增 jest 单元测试
- new: 页面标题
document.title,在src/utils/index下可设置默认的title,在每个路由配置项上可设置对应的title,具体示例请看代码
2019.12.13 更新
- fix: 修复在IE下关闭标签栏时,页面抖动的问题
- refactor: 同时将左右两栏的布局方式从 flex 布局更改为 fixed + margin 的方式
2019.10.30 更新
- new: 在对应的菜单项上添加
hidden属性,即可隐藏对应的菜单项,但还是可以在地址栏上输入对应的 URL 来访问页面。 使用方法
{
type: 'ios-grid',
name: 't1',
text: '表格',
hidden: true, // 隐藏此菜单 可以通过在地址栏上输入对应的 URL 来显示页面
}
2019.10.14 更新
- fix: 修复窗口宽度过小不会收缩侧边栏的问题
- new: 打开页面时,默认展开和路由对应的菜单栏
2019.8.19 更新
- fix:
components/Index.vue文件第 31 行代码的v-show="isShowAsideTitle"会造成侧边栏收缩时二级菜单隐藏,目前已修复。
2019.7.24 更新
- new: 增加页面进度条,跳转时显示
2019.6.25 更新
- fix: 修复路由表冲突问题
退出当前用户,换账号重新登陆时,上个账号和现在的账号路由表会有冲突的问题,解决办法是在退出登陆时重置路由表。
具体实现请查看 router/index.js、Login.vue 和 Index.vue 的退出登陆回调方法。
2019.6.18 更新
- new: 优化动态添加路由功能
以前的动态路由功能并不完善,首先要将所有的路由都添加到路由表里,然后根据后台返回的菜单栏数据来生成菜单。
导致的问题就是,虽然有页面在菜单栏上不显示,但由于已经添加到路由表里了,所以可以在地址栏上手动输入在菜单栏上不存在(但在路由表存在)的页面,进而可以越权访问。
现在除了必要的页面需要在一开始添加到路由表里,其他的页面都可以根据后台数据来自动生成。而且菜单栏上没有的页面,在地址栏上输入地址也是访问不了的。
另外,如果在未登陆时要访问某一指定页面,会重定向到登陆页,登陆成功后会自动跳到这个指定页面。
具体实现请看 permission.js 和 util 目录下的 index.js 文件
2019.3.14 更新
- new: 增加404页面
假如跳转到一个不存在的页面时会重定向到404页面
2019.3.8 更新
-
new: 增加面包屑功能 用于展示当前页面的路径
-
new: 增加权限控制功能,如果未登陆,访问所有页面都重定向到登陆页
2019.3.1 更新
- new: 增加动态菜单栏功能
菜单项中的 icon 使用的是 iview 组件的 icon 组件。
数据格式:
// 左侧菜单栏数据
menuItems: [
{
name: 'Home', // 要跳转的路由名称 不是路径
size: 18, // icon大小 非必填
type: 'md-home', // icon类型 非必填
text: '主页' // 文本内容
},
{
text: '二级菜单',
type: 'ios-paper',
children: [
{
type: 'ios-grid',
name: 'T1',
text: '表格',
hidden: true, // 可以在菜单中隐藏此菜单项,但还是可以访问此页面,只是不能在菜单栏中看见。
},
{
text: '三级菜单',
type: 'ios-paper',
children: [
{
type: 'ios-notifications-outline',
name: 'Msg',
text: '查看消息'
},
{
type: 'md-lock',
name: 'Password',
text: '修改密码'
},
{
type: 'md-person',
name: 'UserInfo',
text: '基本资料',
}
]
}
]
}
]