![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
奔跑的IT小白
这个作者很懒,什么都没留下…
展开
-
基于vue-element-admin的异步权限路由——动态路由(优化)(四)
上篇文章虽然实现了动态路由的功能,但是还是很麻烦的,需要配置两套路由表才能实现,经过一系列的测试后,动态路由表的配置完全由后端返回的路由数据进行生成。 菜单表(menu_table):menuIdpidtitlepathnameredirectcomponentalwaysShowhiddennoCacheactiveMenuicontypeso...原创 2020-05-05 18:47:30 · 2423 阅读 · 1 评论 -
基于vue-element-admin的异步权限路由——动态路由(三)
前面已经实现了用户与角色关联、角色与路由关联,这篇文章主要介绍后端根据用户角色返回角色绑定的路由后,前端如何实现动态生成路由。 首先我们前端保存了一份全部的异步路由配置表:export const asyncRoutes = [ { path: '/privilegeManage', component: Layout, r...原创 2020-05-05 14:11:26 · 4114 阅读 · 7 评论 -
基于vue-element-admin的异步权限路由——菜单管理(二)
一、前置准备工作上篇文章讲述了用户和角色进行关联,这篇文章将讲述菜单管理(路由管理)以及菜单和角色进行关联。首先需要准备的工作:1、菜单数据表(menu_table)menuId pid name url sort type 菜单ID 菜单父级ID 菜单名称 菜单路径 菜单排序 菜单 解释:菜单ID、...原创 2020-05-04 14:50:56 · 4232 阅读 · 0 评论 -
基于vue-element-admin的异步权限路由——用户角色(一)
第一次使用vue-element-admin这个后台解决方案的时候,感觉是非常的舒服的,基本的后台管理功能都能实现,唯一不是很友好的就是异步权限路由,无法灵活的进行变动。这个也是由于是演示示例,无法做到和数据库进行交互。在使用的过程中,经过多个项目的优化,实现了基于用户角色权限进行动态生成路由表的功能。原解决方案异步路由:/** * 异步路由 * 需要根据用户角色动态加载的路由 *...原创 2020-05-03 15:50:30 · 4895 阅读 · 3 评论 -
vue-cli3.0使用amfe-flexible + postcss-pxtorem,适配移动端并px自动转rem
已初始化vue-cli3项目第一步:下载 postcss-pxtorem(npm i postcss-pxtorem -D)第二步:下载amfe-flexible(npm i amfe-flexible -S)第三步:在main.js中引入amfe-flexibleimport 'amfe-flexible/index'第四步:新建vue.config.js,配置postc...原创 2019-09-30 17:21:17 · 4942 阅读 · 1 评论 -
Vue-cli脚手架之时间过滤器
一、Vue-cli脚手架创建全局过滤器:1、在src文件夹下创建filters文件夹,filters文件夹下创建文件index.js2、在main.js中引入后进行注册过滤器// 引入过滤器文件import filters from './filters/index'; // 过滤器注册Object.keys(filters).forEach(k => Vue.filte...原创 2019-05-24 18:01:23 · 1113 阅读 · 0 评论 -
解决mint-ui组件spinner和indicator在华为自带浏览器上不旋转、动画失效问题
在写完mint-ui的vue项目,打包后,去检查css文件的时候会发现,css样式里面的所有-webkit-animation都没有了,所以在一些不兼容animation属性的浏览器上动画就会不起效果。这个是由于optimize-css-assets-webpack-plugin这个插件的问题。解决方案:1.找到webpack.prod.conf.js,注释掉以下代码:// new Optimiz...原创 2018-07-06 10:15:03 · 3339 阅读 · 0 评论 -
关于vue封装的axios在请求错误时获取不到错误状态码的初步发现
我们在写vue项目的时候,项目有的时候需要自己再次封装一个网络请求,比如:由于vue在开发的时候,默认的请求是localhost:8080,一般在请求后端的接口的时候,会有一个跨域的问题,跨域的解决就不写了,网上一大堆,比如在响应拦截的时候,如果请求错误,上面有些错误码,比如404,500之类的。但是在开发环境的情况下,存在跨域,如果请求错误,会存在获取不到错误状态码的情况,比如:...原创 2018-06-09 19:10:37 · 38850 阅读 · 9 评论 -
Vux 一个凑合的 Vue.js 移动端 UI 组件库——Vux源码
昨天由于时间关系没有上传源码到GitHub上,今天补上,源码地址:https://github.com/wuhuisiyue/Vux-ui补充说明:由于GitHub源码迁移到阿里云git库有什么问题可以联系我:QQ: 1150239832(同微信)邮箱:xxwangkaimin@sina.com...原创 2018-05-18 11:57:03 · 948 阅读 · 1 评论 -
Vux 一个凑合的 Vue.js 移动端 UI 组件库——Vux示例
在上三篇文章中,提到的都是mint-ui,是因为我第一个用到的就是它,所以就把它先写出来了。在工作之余,发现了vux-ui也是很不错的,就研究了一下,它的功能和mint-ui差不多,不过在vux-ui里面多了语言的翻译,所以弄得很是头疼,最后花了两天时间算是弄出来了,但是在语言的切换上还是有点小bug,这个只要把语言设置默认为中文就不会影响使用。如果 嫌麻烦的的话,可以不用翻译,但是你需要把源...原创 2018-05-17 18:47:23 · 5102 阅读 · 0 评论 -
基于vue2.0 mint-ui 组件GitHub源码
继续上一次发布的博客说过先展示效果,后期会把代码放在GitHub上现在部分完成的代码已经上传到GitHub上,后期会根据需要修改代码GitHub地址:https://github.com/wuhuisiyue/mint-ui.git补充说明:由于本人源码全部迁移到阿里云的git库,此库不再提供功能更新,如需要更新后的源码,请联系本人:新浪邮箱:xxwangkaimin@sina.c...原创 2018-04-13 16:09:10 · 4284 阅读 · 2 评论 -
mint-ui 各个组件示例
项目源码GitHub地址:https://github.com/wuhuisiyue/mint-ui.git;前期网络请求都是利用定时器来模拟,根据项目需求修改成真正的网络请求就可以用了;个人邮箱: xxwangkaimin@sina.com;大家有建议都可以发这个邮箱;示例建议使用手机打开,或者浏览器开启手机模拟示例网址: http://mint.wkmblog.com更...原创 2018-04-12 20:37:47 · 30183 阅读 · 8 评论 -
vue基于mint-ui组件loadmore实现上拉加载更多,下拉刷新功能
这个是模拟手机写的简单样式,不要在意这些细节,为了撑满容器每次加载十二那就开始代码了 ==》先安装 mint-ui在main.js中引入mint-ui的css样式和组件: import 'mint-ui/lib/style.css'import { Loadmore } from 'mint-ui';Vue.component(Loadmore.name, ...原创 2018-03-24 16:45:45 · 19145 阅读 · 21 评论