![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
element
那朵花~~
求知若渴,虚心若愚
展开
-
Element的Notification通知自定义样式&手动关闭&直接渲染带html格式的字符串
效果图:功能点1:弹窗需要自定义样式,例如实现滚动条展示多条数据答:其实简单的自定义样式可以使用官网提供的:message 属性支持传入 HTML 片段不过我用的是createElement,这个的使用方法具体用法可以参考这篇博客:[Vue]createElement参数 - vickylinj - 博客园功能点2:渲染数据的时候不能,挤在一起,而要能将数组里的数据换行显示答:后端返回的数据是一个数组类型,所以我需要将数组遍历出来加上换行符号</br>,.原创 2022-04-26 11:02:05 · 4106 阅读 · 3 评论 -
element的Loading 加载设置“加载“的位置始终居中
问题描述,给页面设置加载中的样式,但是由于数据量很大,数据在逐步渲染的同时,页面高度也随之变高,出现竖向滚动条,这时候的加载中的那个“圈圈”也跟着页面滚走了,显示如下解决办法:我是投机取巧的方法,如果有更好的方法,欢迎留言告诉我~首先,我设置一个没什么用的div,然后让它的高度和宽度正好盖住页面;然后,将v-loading的事件放在这个div上,将div的设为position: absolute,这样不占用空间,不影响页面其他布局注意,高度要动态获取,不然换一个显示器,就不能刚好完.原创 2021-12-14 17:56:45 · 7720 阅读 · 3 评论 -
el-upload多文件一次性上传(携带json),自定义上传事件(手动上传),不使用action属性上传
element el-upload 多文件上传原创 2021-11-29 19:08:52 · 5371 阅读 · 3 评论 -
Element ui table展开行中自定义有的行展开,有的行不展开
实现的效果图:思路:通过自定义表格行样式,将不需要展开的展开箭头隐藏!注意:不是visibility: hidden;因为这样只是看不见展开箭头,点击事件还在,依然会被展开,需要使用:display: none关键代码:给表格设置:row-class-name="isShowExpend"完整代码: <el-table :data="requestData" style="width: 100%" :row-class-name="isShowExpend"原创 2021-04-25 10:19:09 · 2168 阅读 · 2 评论