一、需求描述:在页面上点击按钮弹出选择电脑文件的界面,可以一次性选择多个文件一起上传到服务器上,并把上传成功的文件展示在页面上。·二、问题阐述:el-upload是支持多文件上传的,但是是同步进行的,你点击上传按钮,选择了多个文件后点击确定,会同时调用上传文件的接口,这样很容易导致服务器奔溃,导致接口报错。·三、解决方法:为了解决这一难题,本文采用递归的方法来实现精准上传文件。·四、实现思路:递归上传是指:你选择了n个文件点击确定后,第一个接口上传成功或者失败后,再调用第二个接口上传第二个文件,依次等待上传完所有文件,这样做法可以大大减轻服务器的压力,就是上传时间会比较长。上传效果请看下方动态
一、需求描述:在页面上点击按钮弹出选择电脑文件的界面,可以一次性选择多个文件一起上传到服务器上,并把上传成功的文件展示在页面上。·二、问题阐述:el-upload是支持多文件上传的,但是是同步进行的,你点击上传按钮,选择了多个文件后点击确定,会同时调用上传文件的接口,这样很容易导致服务器奔溃,导致接口报错。·三、解决方法:为了解决这一难题,本文采用递归的方法来实现精准上传文件。·四、实现思路:递归上传是指:你选择了n个文件点击确定后,第一个接口上传成功或者失败后,再调用第二个接口上传第二个文件,依次等待上传完所有文件,这样做法可以大大减轻服务器的压力,就是上传时间会比较长。上传效果请看下方动态
el-table合并单元格1.固定合并官方挺提供的合并具体某行列的方法:el-table合并行或列通过给table传入span-method方法可以实现合并行或列,方法的参数是一个对象,里面包含当前行row、当前列column、当前行号rowIndex、当前列号columnIndex四个属性。该函数可以返回一个包含两个元素的数组,第一个元素代表rowspan,第二个元素代表colspan。也可以返回一个键名为rowspan和colspan的对象。template>div>el-table:data="tableData":span-method="arraySpanMethod"borders
el-table合并单元格1.固定合并官方挺提供的合并具体某行列的方法:el-table合并行或列通过给table传入span-method方法可以实现合并行或列,方法的参数是一个对象,里面包含当前行row、当前列column、当前行号rowIndex、当前列号columnIndex四个属性。该函数可以返回一个包含两个元素的数组,第一个元素代表rowspan,第二个元素代表colspan。也可以返回一个键名为rowspan和colspan的对象。template>div>el-table:data="tableData":span-method="arraySpanMethod"borders
Java以form-data(表单)的形式调用第三方接口前言本文目标用到的类工具类及测试信息工具类代码测试信息测试代码测试结果遇到的问题getContentLength()的滥用调用的错误慎用请求输出流flush()方法未写入标识调用错误总结前言之前写的调用第三方接口:Java使用原生API调用第三方接口但是其中只包含了简单的接口(传递数据为JSON)调用。也就是Content-Type的值是设置成:httpCon.setRequestProperty("Content-Type","application/json;charset=utf-8");当第三方接口需要包含文件类型的参数,我们要设
Java以form-data(表单)的形式调用第三方接口前言本文目标用到的类工具类及测试信息工具类代码测试信息测试代码测试结果遇到的问题getContentLength()的滥用调用的错误慎用请求输出流flush()方法未写入标识调用错误总结前言之前写的调用第三方接口:Java使用原生API调用第三方接口但是其中只包含了简单的接口(传递数据为JSON)调用。也就是Content-Type的值是设置成:httpCon.setRequestProperty("Content-Type","application/json;charset=utf-8");当第三方接口需要包含文件类型的参数,我们要设
1.el-input无法输入的问题原因1、el-input组件没有绑定双向响应式数据(v-model)解决方案:在data中定义一个变量,然后在el-input组件中使用v-model进行双向数据绑定,这样子就会解决el-input组件无法输入的问题了。原因2、组件嵌套太深还是该组件是一个坑(具体原因不清楚,只知道解决方法)这时,你会发现我们进行了双向数据绑定了,但是el-input还是无法输入,我们就要使用绑定input事件,然后使用$forceUpdate方法强制刷新,这样子会解决我们el-input无法输入问题,但是这会带出一个新的问题,那就是表单无法进行验证等一些问题。解决方法的步骤1
1.el-input无法输入的问题原因1、el-input组件没有绑定双向响应式数据(v-model)解决方案:在data中定义一个变量,然后在el-input组件中使用v-model进行双向数据绑定,这样子就会解决el-input组件无法输入的问题了。原因2、组件嵌套太深还是该组件是一个坑(具体原因不清楚,只知道解决方法)这时,你会发现我们进行了双向数据绑定了,但是el-input还是无法输入,我们就要使用绑定input事件,然后使用$forceUpdate方法强制刷新,这样子会解决我们el-input无法输入问题,但是这会带出一个新的问题,那就是表单无法进行验证等一些问题。解决方法的步骤1
背景:el-dialog组件提供了fullscreen功能,但是无法满足业务需求。系统使用了许多dialog,不方便重新封装dialog组件,故直接对源码进行修改。1.克隆element官方的仓库到本地gitclonehttps://github.com/ElemeFE/element2.下载到本地之后进入项目,安装依赖包cdelementnpminstall3.打开package文件夹,修改源代码打开package/dialog/src/component.vuetemplate::class="['el-dialog',{'is-fullscreen':isFullscreen,'el-d
背景:el-dialog组件提供了fullscreen功能,但是无法满足业务需求。系统使用了许多dialog,不方便重新封装dialog组件,故直接对源码进行修改。1.克隆element官方的仓库到本地gitclonehttps://github.com/ElemeFE/element2.下载到本地之后进入项目,安装依赖包cdelementnpminstall3.打开package文件夹,修改源代码打开package/dialog/src/component.vuetemplate::class="['el-dialog',{'is-fullscreen':isFullscreen,'el-d