![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
is_duke
本微博内容主要是自己当作笔记而已,部分内容来自于网络,如有侵权,请联系我
展开
-
基于vue element-ui扩展组件库之(1)搭建框架
主要环境vue2.* element-ui 2.5.x webpack 3.x初始化项目安装vue-clinpm 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 · 2298 阅读 · 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 · 1331 阅读 · 1 评论 -
扩展组件之2:初尝组件扩展封装,删除提示组件popoverDelete
今天我们来封装一个很简单,但是又非常好用的组件利用element-ui的Popover 弹出框组件,来进行封装,做出一个删除确认提示组件效果图在我的上传组件中就有用到这个组件源码<template> <div style="display: inline-block;"> <el-popover...原创 2019-03-21 17:52:46 · 415 阅读 · 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 · 4222 阅读 · 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 · 2070 阅读 · 0 评论