我们在利用vue脚手架(vue-cli)开发vue的项目时，在开发完毕是需要执行打包命令(npm run build)进行打包，打包后默认生成一个新的文件夹dist，项目的所有前端文件都在这个文件里面。这个时候如果我们需要以本地服务打开这个文件的时候，可以利用其它软件进行打开，比如phpstudy、xampp之类的软件开启本地服务端口(http://127.0.0.1或者http://

在写完mint-ui的vue项目，打包后，去检查css文件的时候会发现，css样式里面的所有-webkit-animation都没有了，所以在一些不兼容animation属性的浏览器上动画就会不起效果。这个是由于optimize-css-assets-webpack-plugin这个插件的问题。解决方案：1.找到webpack.prod.conf.js,注释掉以下代码：// new Optimiz

继续上一次发布的博客说过先展示效果，后期会把代码放在GitHub上现在部分完成的代码已经上传到GitHub上，后期会根据需要修改代码GitHub地址：https://github.com/wuhuisiyue/mint-ui.git补充说明：由于本人源码全部迁移到阿里云的git库，此库不再提供功能更新，如需要更新后的源码，请联系本人：新浪邮箱：xxwangkaimin@sina.c...

已初始化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...

在上三篇文章中，提到的都是mint-ui，是因为我第一个用到的就是它，所以就把它先写出来了。在工作之余，发现了vux-ui也是很不错的，就研究了一下，它的功能和mint-ui差不多，不过在vux-ui里面多了语言的翻译，所以弄得很是头疼，最后花了两天时间算是弄出来了，但是在语言的切换上还是有点小bug，这个只要把语言设置默认为中文就不会影响使用。如果 嫌麻烦的的话，可以不用翻译，但是你需要把源..

这个是模拟手机写的简单样式，不要在意这些细节，为了撑满容器每次加载十二那就开始代码了  ==》先安装 mint-ui在main.js中引入mint-ui的css样式和组件： import 'mint-ui/lib/style.css'import { Loadmore } from 'mint-ui';Vue.component(Loadmore.name, ...

一、前置准备工作上篇文章讲述了用户和角色进行关联，这篇文章将讲述菜单管理(路由管理)以及菜单和角色进行关联。首先需要准备的工作：1、菜单数据表（menu_table）menuIdpidnameurlsorttype菜单ID菜单父级ID菜单名称菜单路径菜单排序菜单解释：菜单ID、...

第一次使用vue-element-admin这个后台解决方案的时候，感觉是非常的舒服的，基本的后台管理功能都能实现，唯一不是很友好的就是异步权限路由，无法灵活的进行变动。这个也是由于是演示示例，无法做到和数据库进行交互。在使用的过程中，经过多个项目的优化，实现了基于用户角色权限进行动态生成路由表的功能。原解决方案异步路由：/*** 异步路由* 需要根据用户角色动态加载的路由*...

    前面已经实现了用户与角色关联、角色与路由关联，这篇文章主要介绍后端根据用户角色返回角色绑定的路由后，前端如何实现动态生成路由。    首先我们前端保存了一份全部的异步路由配置表：export const asyncRoutes = [{path: '/privilegeManage',component: Layout,r...

项目源码GitHub地址：https://github.com/wuhuisiyue/mint-ui.git；前期网络请求都是利用定时器来模拟，根据项目需求修改成真正的网络请求就可以用了；个人邮箱： xxwangkaimin@sina.com；大家有建议都可以发这个邮箱；示例建议使用手机打开，或者浏览器开启手机模拟示例网址： http://mint.wkmblog.com更...