vue
is_duke
本微博内容主要是自己当作笔记而已,部分内容来自于网络,如有侵权,请联系我
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
基于vue element-ui扩展组件库之(1)搭建框架
主要环境 vue2.* element-ui 2.5.x webpack 3.x 初始化项目 安装vue-cli npm install -g vue-cli 如果执行npm命令提示operation not permitted ,则需要使用管理员权限运行vscode或cmd 使用vue-cli构建项目 vue init webpack vep-ui 安装element-ui...原创 2019-03-21 17:47:08 · 2401 阅读 · 0 评论 -
扩展组件之2:使用plupload重新封装vue element-ui upload组件,使它支持IE9
封装目的 因为element-ui 提供的upload组件不支持IE9,但是编者的项目需要支持到IE9 ,没办法,只能自己封装一个,利用第三方的plupload库进行封装plupload官网 封装出来的效果基本跟element-ui原来的差不多 GitHub项目链接vue-element-plus-ui 组件路径:src\components\base\uploadPlus.vue 示例文...原创 2019-03-21 17:49:00 · 1413 阅读 · 1 评论 -
扩展组件之2:初尝组件扩展封装,删除提示组件popoverDelete
今天我们来封装一个很简单,但是又非常好用的组件 利用element-ui的Popover 弹出框组件,来进行封装,做出一个删除确认提示组件 效果图 在我的上传组件中就有用到这个组件 源码 <template> <div style="display: inline-block;"> <el-popover ...原创 2019-03-21 17:52:46 · 515 阅读 · 0 评论 -
覆盖(优化效果)el-dialog 的显示隐藏动画
element-ui dialog本身的动画效果基本就是没动画效果(摊手) 原来的弹窗动画 优化后的动画 只需加入以下这段css代码,非常简单 .el-dialog__wrapper { transition-duration: 0.3s; } .dialog-fade-enter-active{ animation: none !import...原创 2019-03-21 17:54:18 · 4603 阅读 · 0 评论 -
vue单页面应用优化-分离静态js库,利用webpack的externals配置
因为webpack的默认打包机制会将我们项目中通过npm引入的js库全部打包成一个vendor.js文件里面 毫无疑问这个文件将会非常之大,不利于浏览器加载和浏览器的缓存,因为每次我们更新项目,都会生成一个新的vendor.js文件,浏览器没有缓存,每次都重新加载新的,会导致首次加载极慢 其实像vue.js 、vuex.js 、vue-router.js 这些外部库,基本不会变的,如果将它们独...原创 2019-03-21 17:55:40 · 2178 阅读 · 0 评论
分享