从去年开始接触vue.js,因有angularjs的开发基础的加持,所以直接上手vue项目,没有太大的难度。 接触了vue项目一年多了,但是自己没有从头搭建过完整的vue项目。最近正计划搭建个平台,本想使用自己比较熟悉的angularjs,考虑些许后,最后决定基于vue开发,便直接选择了elementUi。 这篇文章算是简单记录一下自己在使用vue-...
但是,开始用的时候,作者并没有对此进行优化,到项目上线的时候,才发现,打包出来的文件都十分之大,就一个 vendor 就有 770k 的体积(下图是基础模板,什么都没加打包后的文件信息): 通过webpack-bundle-analyzer 进行分析可得,体积主要来源于 饿了么UI(体积为 500k),因为没对其...
市面上有大量的vue后台管理系统模板 但是功能都太丰富了 而且有很多组件用不上 所以写了这么一个最基础的 只有必要功能的模板 UI库使用的是iView有大量的组件可用 子组件跳转到子组件 // xxx为你想跳转的子组件name this.$parent.gotoPage('xxx')
原因:在执行自定义指令时该 column 所代表的 dom 节点还未完全生成,在结构中仅仅只有一个根 div,这里需要说的是,element-ui 的这个组件是使用 createElement 动态生成的,而自定义指令在 dom 尚未完全生成之前就已执行,因此无法进行操作。el-table-column 是定义表格列的,列在表格中不是一个元素,在表格中没有一...
这是一个极简的 vue admin 管理后台。它只包含了 Element UI & axios & iconfont & permission control & lint,这些搭建后台必要的东西。 线上地址 国内访问 目前版本为v4.0+基于vue-cli进行构建,若你想使用旧版本,可以切换分支到tag/3.11.0,它不依赖vue-cli。
一、vueadmin-template-master-->src-->router-->index.js { path: '/gathering', component: Layout, name: 'gathering', meta: { title: '活动管理', icon: 'example'}, children: [ { path: 'gathering', name: 'form',component: ()=> import('@/views/table/gathering'),meta: { title: '...
'element-ui':'ELEMENT' } } 再一次打包,确实能极大的压缩了打包的体积,从 700k 骤减至 130k: 但是随之而来的就有问题了: 明明我在本地开发,但是由于引入了线上的生产版本的 vue 文件,因此 vue-dev-tools 就不能进行调试。 因此,我们需要再次调整一下 webpack 的配置,webpack.base.conf.js,而且 webpack...
这是一个极简的 vue admin 管理后台。它只包含了 Element UI & axios & iconfont & permission control & lint,这些搭建后台必要的东西。 权限控制的改造 我们按照vue-admin-template官网运行代码会看到以下页面 由于没有写后端接口,我们全权用项目中的mock,模拟后端接口请求,我们在mock文件夹下的user.js会看到系统...
template项目中集成了: Element UI & axios & iconfont & permission control & lint。 vue-element-admin项目的预览地址:vue-element-admin,够炫酷吧,但是遵从作者的告诫,只取直接真正需要的。 克隆并编译项目 git clone https://github.com/PanJiaChen/vue-admin-template.git## 修改成想要的名字mv vue-admin-...
可以看到,全是英文的,我是受不了,(英文烂的一逼,看不懂),侧边栏是手写的英文,删掉就好了,element-ui 是英文的,这个要改一下配置。 修改路径 src/main.js// Vue.use(ElementUI, { locale })// 如果想要中文版 element-ui,按如下方式声明Vue.use(ElementUI) ...