12 2018 档案

摘要:去掉 vue 的 "You are running Vue in development mode" 提示 在项目的 main.js 中已经配置了 然而控制台还是会有提示: 尝试许多方法均无果,后尝试不使用 dll 加速构建,不会有此提示 最终发现是因为使用 DllPlugin 和 DllRefer 阅读全文
posted @ 2018-12-12 10:58 葡萄不吐皮 阅读(10999) 评论(0) 推荐(0) 编辑
摘要:将权限管理应用到系统,首先做好登录, 点击登录按钮后,触发以下动作 vuex 中的 login 动作,设置 cookie vuex 中的 getuserinfo , 获取权限、用户名、头像等 由于目前未使用连接后端服务器,所以使用 mockjs 拦截请求并返回。 在 "github" 中查看 1 全 阅读全文
posted @ 2018-12-09 15:14 葡萄不吐皮 阅读(6718) 评论(0) 推荐(0) 编辑
摘要:根据权限计算路由的代码 以上函数接收异步路由表、权限列表,返回在权限列表中的路由,保存在 state.addRouters 中 动态显示顶部导航和侧边栏 根据 state.addRouters 中的路由,动态生成顶部导航和侧边栏菜单 关键的控制代码 在路由跳转前,判断是否登录、拉取权限、生成菜单等 阅读全文
posted @ 2018-12-07 10:40 葡萄不吐皮 阅读(5638) 评论(0) 推荐(0) 编辑
摘要:不同的权限对应不同的路由(菜单),同时侧边栏也根据权限异步生成,实现登录和鉴权思路如下: 登录:点击登录,服务器验证通过后返回一个 token ,然后存到 cookie,再根据 token 拉取用户权限 鉴权:通过 token 获取对应的roles, 计算有权限的路由,使用 router.addRo 阅读全文
posted @ 2018-12-06 10:05 葡萄不吐皮 阅读(14377) 评论(4) 推荐(1) 编辑
摘要:切换路由页面时,中止上个路由页面未返回数据的请求 通常情况下,接口返回数据很快,但万事无绝对 若接口返回数据较慢此时用户快速切换菜单,那么上个路由的请求还处在发送中,为了处理效率,对请求做些处理 vue 项目使用 axios 封装请求,此处要用到 axios 中的 CancelToken 在封装好的 阅读全文
posted @ 2018-12-06 09:08 葡萄不吐皮 阅读(3641) 评论(0) 推荐(0) 编辑
摘要:点击单元格后弹出对话框轮播图片,用Carousel 走马灯实现。 希望图片无论分辨率多少,都能在一屏内显示,这时就要用图片自适应。 图片外层容器,使用 flex 布局,设置对齐方式为主轴、交叉轴居中 display: flex; align items: center; justify conten 阅读全文
posted @ 2018-12-05 09:35 葡萄不吐皮 阅读(11896) 评论(0) 推荐(1) 编辑
摘要:前台以表格形式展示后台数据,图片或视频点击后弹出框播放,用el dialog实现。 希望播放视频的时候不显示dialog的背景那些。 尝试 scoped 无果 不加 scoped 则会覆盖 elementui 样式,很是烦恼 解决方法: 在外层加入自定义class,以命名空间隔离 阅读全文
posted @ 2018-12-05 09:17 葡萄不吐皮 阅读(7506) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示