首页
博客
源码
资源
博客
源码
写文章
发布博客
发布资源
登录
X
element
相关资讯
热门
最新
后端
01-01 08:00
后端
Element的upload实现分片上传和断点续传功能
Element的upload实现分片上传和断点续传功能,最近领导安排实习生做分片上传和断点续传的功能,实习生找我,之前刚好弄过了解一些就记录一下。我们需要上传一个大文件,比如上G的视频文件,通常我们后端会对上传文件进行限制,一般不宜过大,5MB左右最好。如果文件过大,超出了http服务端请求大小限制,请求时间超时,传输中断导致上传失败,那么我们可以将文件进行分片上传。分片上传的原理分片上传的原理就
349
后端
01-01 08:00
后端
element-ui —— select组件多选+远程搜索
element-ui —— select组件多选+远程搜索,昨天下班时leader说线上有个bug,作者不在让我留下帮忙改一手,虽然从发现问题到解决也就10分钟的事,但我还是在这里记录一下,以免更多的前端同胞入坑这个项目里的用到了好多属性:filterable可搜索remote可远程搜索remote-method远程搜索的方法clearable可清空选项multiple多选value-key作为v
338
后端
01-01 08:00
后端
element-UI上传组件-js删除上传失败的文件列表
element-UI上传组件-js删除上传失败的文件列表,el-upload上传失败后,文件仍显示在列表上,这个失败定义是指文件解析出错,并非组件和网络问题这个pdf文件上传失败,仍显示在列表,给人错觉是上传成功的,所以,我们把它去掉~,下面上代码:<el-uploadclass="upload-filepadding"ref="uploadFile"multipleaccept="image/j
334
后端
01-01 08:00
后端
element-ui 点击行如何获取table的行索引
element-ui 点击行如何获取table的行索引,element-ui点击行如何获取table的行索引文档中有一个tableRowClassName方法,可以获取到当前行的index,1234tableRowClassName({row,rowIndex}){//把每一行的索引放进rowrow.index=rowIndex;}例子:表头:15js:1tableRowClassName({ro
313
代码人生
01-01 08:00
代码人生
element ui - 不立即上传
element ui - 不立即上传 1. 不立即上传,通过点击登录按钮后上传文件和参数 <el-upload style="float: left" ref="upload" action="#" accept=".csv" :file-list="fileLis
272
后端
01-01 08:00
后端
element-ui 之Form表单&&resetFields()用法
element-ui 之Form表单&&resetFields()用法,看到很多例子说resetFields()并不能清空所有的表单啊,今天我就来好好的举个例子详细的说说这个自带bgm的方法到底是不是像他们传言的那样,不能完全清空表单呢?首先介绍一下resetFields()的用法及作用事项:在elementui官方文档里头啊是这么介绍的:调用方法不需要参数;【ps:elementui官网地址:e
268
代码人生
01-01 08:00
代码人生
element UI 和 ivivew UI 合并方案 (vue2.0)
element UI 和 ivivew UI 合并方案 (vue2.0),elementUI和ivivewUI合并方案(vue2.0)故事背景:公司想搭建物料库、组件库、低代码平台等相关的基础工具,但是公司内有两套UI框架分别是elementUI和iviewUI,导致开发前端基础设施就非常困难。所以我们想将elementUI合并到iviewUI上.vue前端编译工具在vue代码里其实是分为两种类型
255
代码人生
01-01 08:00
代码人生
Element Dialog 对话框高度固定方案
Element Dialog 对话框高度固定方案,ElementUI组件提高了不少开发效率,使用Dialog对话框的时候发现,组件说明文档提供了width来设置Dialog的宽度,并没有给出如何固定高度。对话框的高度会随着对话框中内容的多少而变化,如下所示:内容太多时:这样造成的体验很不好,所以,为了能够防止内容超出弹框,并且一直看到footer里的按钮,需要固定对话框的高度,我的解决办法是:在对
244
代码人生
01-01 08:00
代码人生
elementPlus动态表单校验(element ui表单验证的几种模式)
elementPlus动态表单校验(element ui表单验证的几种模式),做过几次动态表单,每次都坎坷解决记忆不深刻,问题都出在最终的表单校验上,特此记录!!!首先要实现如下效果:需求描述:需要动态添加/删除表单信息,并添加校验,点击提交,校验通过则输出表单内容。(代码是vue3+elementPlus+ts实现的,但实现思路与vue2都是通用的,代码略长,仅关注重要的地方即可。element
239
代码人生
01-01 08:00
代码人生
element ui实现手动上传文件,且只能上传单个文件,并能覆盖上传。
element ui实现手动上传文件,且只能上传单个文件,并能覆盖上传。 element ui提供了成熟的组件场景,但实际工作中难免会遇到认(sha)真(diao)的产品。比如,最近遇到的,要求实现手动上传特定格式文件(用户点击“上传文件”按钮,确定之后,只是单纯选择了文件,点击页面上的“提交”按钮才上传),并展示用户选择的文件名称,且只能选择一个文件,如果用户选择第2,3,4...等文件,要求后者覆盖前者,即用户看到的总是最
236
«
1
2
3
4
5
6
7
»