场景：在Vue项目里，利用ElementUI的upload组件，上传图片，在图片上传前，对图片进行压缩。做法概述：在before-upload方法中对图片文件进行处理，并返回处理后的文件。本人查看了一下upload的源码，发现，beforeUpload方法中，除了可以返回图片校验时的true/false，还可以以return new Promise的方式返回文件，如返回文件，则上传时，以返...

二次封装el-select组件，以便使用。包含两个部分：创建、引用。说明 ： 下拉选项框一般是请求数据字典的值以供选择，假设数据字典的接口为’/getDictionary’，数据字典中的展示值字段为’label’，选中所传值字段为’value’。也有其余接口请求下拉选择的，需要指定特定的请求接口和展示的value和label值。一、创建公共组件vue文件 — comSelect.vue:&...

概述：在Vue中调用摄像头拍照进行银行卡识别。流程：vue中调用媒体摄像头（无前后摄像头切换功能）——>根据规定的框（前端自己定制）放置银行卡——>将识别的图片通过接口传到后台，后台识别出返回给前端银行卡的相关数据。原理：调用媒体摄像头，应用的是navigator.mediaDevices.getUserMedia功能(API网站)调用摄像头拍摄视频流，将录像流放到vid...

场景：在Vue项目里，利用ElementUI的upload组件，上传图片，在图片上传前，对图片进行压缩。做法概述：在before-upload方法中对图片文件进行处理，并返回处理后的文件。本人查看了一下upload的源码，发现，beforeUpload方法中，除了可以返回图片校验时的true/false，还可以以return new Promise的方式返回文件，如返回文件，则上传时，以返...

前面讲完了vue cli3的相关配置，现将数据请求域名配置单独拉出来讲。vue的配置里vue.config.js中相关的教程有讲过，开发环境下，配置后端API 服务器，可使用devServer.proxy。但通常情况下，项目在开发环境下请求的接口地址和生产环境下的不一样，需要根据不同的环境，切换不同的接口地址域名。上篇文章中，本人直接配置在了api.js中：axios.default...

概述：对Tree的懒加载与非懒加载进行分析，进行某个树节点的刷新，在单选、多选下对树进行初始化反选并展开选择节点等。一、对Tree是否懒加载说明：1.懒加载：Tree的懒加载，用一个属性控制：lazy。使用lazy，就要使用load来加载数据进行渲染树。1-1.原理：初始化触发load函数先加载初始数据，通过点击某个节点，触发load函数，来加载这个节点下的子节点。1-2.比较适合...