最近在使用element-ui upload 上传多个文件的时候发现element-ui的批量上传是每个文件都请求一次接口,但是我们项目的需求是多个文件只请求一次接口.细思良久,经过一番奋战,终于实现了这个需求.下面直接上代码//element 组件<el-uploadaction=""class="upload-demo":on-change="change"...

为了减少页面的加载速度,提高用户体验,对于一些图片决定使用图标代替,但是发现element-ui的图标少得可怜,完全满足不了我的要求,于是决定在element-ui的项目里引入第三方的图标库.因为阿里巴巴海量的图标,所以决定引入阿里巴巴的图标库阿里巴巴图标网站:http://www.iconfont.cn/下面具体介绍如何使用1.注册一个阿里巴巴账号,搜索自己需要的图标,添加到购物车...

之前一直都是使用的html，jquery，js等做的微信分享，现在项目都改用vue做了，但是微信分享还是要接入的，这里简单分享一下移动端vue如何接入微信分享。1.首先安装微信分享依赖npm install weixin-js-sdk --save2.一般我会在src/utils目录下新建weixinSDK.js(可凭个人习惯自行创建到相应位置)。weixinSDK.js用来封装我们的分享接口。i

今天在做项目的时候突然出现了Unknown custom element:- did you register the component correctly? For recursive components, make sure to provide the “name” option.这个问题，查了好久最后发现原来是自己写法错误，不小心写成了import {card} from “./co

废话不说 下面直接上代码和说明我们这想要实现tab切换时候页面自动滚动定位到锚点位置，因为这个是单页面引用，也没有使用a标签等，使用的是最普通的方法，仅供大家参考。//要实现切换的三个tab项<div class="con_nav"><span @click="changeTab(0)":class="active === 0 ? 'active' : ''">介绍<

之前部署vue项目都是直接npm run build之后将dist目录下面的文件放在服务器上,在部署之前服务器已经安装了apache或者nginx,并且已经做好了相应的配置.但是现在整个服务器没有安装apache和nginx,整个流程都需要自己来,下面我将记录一下这个过程.1.使用express在本地生成一个容器,并起一个名字为appnpm install -g express-gener...

之前使用axios发送请求都是直接发送，没有加入任何加密方式，但是这种情况其实是不安全的，最近项目要求使用md5进行加密。在项目根目录下面安装md5npm install --save js-md52 .在main.js里面引入md5import md5 from 'js-md5';Vue.prototype.$md5 = md53.直接在要使用的地方写入m...

最近使用element-ui做的后台管理要求嵌入图表功能,其实element-ui嵌入图表很简单,但是问题来了.开发场景是:页面上有多个图表,当我调整浏览器窗口大小的时候,发现图表并不会根据浏览器窗口大小而进行调整,这完全不符合我们的要求,也是作为一个合格的开发人员不能容忍的.我的页面内有两个echarts图表,下面是我的解决方案:(vue 代码)//data 里面定义的两个图表data:...

为了减少页面的加载速度,提高用户体验,对于一些图片决定使用图标代替,但是发现element-ui的图标少得可怜,完全满足不了我的要求,于是决定在element-ui的项目里引入第三方的图标库.因为阿里巴巴海量的图标,所以决定引入阿里巴巴的图标库阿里巴巴图标网站:http://www.iconfont.cn/下面具体介绍如何使用1.注册一个阿里巴巴账号,搜索自己需要的图标,添加到购物车...

最近在使用vue axios发送请求，结果出现跨域问题，网上查了好多，发现有好几种结局方案。1：服务器端设置跨域header(“Access-Control-Allow-Origin:*”);header(“Access-Control-Allow-Headers:content-type”);header(“Access-Control-Request-Method:GET,...