ElementUI
文章平均质量分 92
ElementUI 饿了么组件库
ㄏ、Forgetˊ
这个作者很懒,什么都没留下…
展开
-
前端使用elementUI框架,后端使用thinkjs,上传图片至ali-oss系统
博主在最近的工作中,接触到了使用thinkjs框架作为后台架构的网店后台Node服务,因为其使用的qiniu上传图片接口不符合需求,需要改为ali-oss接口,一路遇到不少坑,在此做一下记录总结。首先是elementUI前端部分上传至后台,需要将flie文件,转为FormData对象后传至后台,因使用的组件库为element,其upload的组件中,action为必传(博主此项传空),同时将auto-upload传false(意思为不自动上传),然后上传操作在on-change事件中完成,回调完毕后重显原创 2020-07-03 15:54:02 · 1438 阅读 · 0 评论 -
ElementUI组件table展开expand子项动态获取数据时,视图不更新
最近碰到一个新的需求,先是需要获取用户组列表(做成表格),表格项可以展开,在展开的时候动态的获取所展开的用户组底下的用户列表。问题描述起初,我是把表格数据分开来,即外层用户组列表使用list数组,内层嵌套的用户列表使用innerList数组,两者互不干扰。然后监听外层表格的expand-change事件,在事件回调中配合表格属性expand-row-keys来控制展开的行(需求是手风琴模式,即一次最多展开一行),同时回调中去动态请求数据,数据返回后对innerList进行赋值。示例Demo代码如下:原创 2020-08-31 17:32:15 · 7696 阅读 · 0 评论 -
饿了么UI组件库中,Image组件预览图片错位的解决
使用过elementUI组件库中的Image组件基本都知道,其组件会自带一个图片预览功能,仅需要通过preview-src-list传入需要预览的图片url列表即可实现点击预览。博主使用了此功能,进行数组的循环渲染,具体渲染代码如下:<div class="img-wrap" v-for="(item, index) in baseboardList" :key="index"> <el-image :src="item.src" :preview-s原创 2020-07-17 15:00:25 · 2443 阅读 · 1 评论 -
饿了么UI组件库中,Upload组件上传闪动的解决
最近接触到elementUI的上传组件,一路顺畅,就是在上传之后总是发现有闪动的现象,博主对其进行深入研究后发现,其闪动原因,是因为使用的file-list并不会自动添加上传了的图片,而需要由我们来人工来添加,而添加则必须使用on-success事件中自带的参数去做赋值操作,心中有一万只草泥马奔腾而过的赶脚有木有?闪动问题复现先是出现闪动问题的GIF图以及其问题代码,如下:可以非常明显的看到,图片上传成功后,图片会有一个先向右,然后停顿片刻摆着位置后,返回左侧的现象。<!-- 上传组件,其中原创 2020-07-09 18:49:11 · 4690 阅读 · 5 评论