![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Element-UI
文章平均质量分 59
Element-UI
全栈小定
关注我,教你如何用最精简的代码写最华丽的功能。github开源项目搜:springboot-cli
展开
-
Element el-table表格表头拖拽、行拖拽组件封装详细教程【简单粗暴】
文章目录简介安装2. 使用3. 解析及常见问题3.1 行拖拽3.2 表头列拖拽简介el-table+Sortable.js实现表头拖拽、行拖拽Sortable.jsSortable.js是一款优秀的js拖拽库,支持ie9及以上版本ie浏览器和现代浏览器,也可以运行在移动触摸设备中。不依赖jQuery。支持 Meteor、AngularJS、React、Vue、Knockout框架和任何CSS库,如Bootstrap、Element UI。你可以用来拖拽div、table等元素。效果安装.原创 2022-05-26 20:40:07 · 4863 阅读 · 1 评论 -
elmentUI 表格样式自定义(行颜色、背景色、内容滚动、去滚动条、行高,字体样式)
文章目录前言1. 自定义标题颜色2. 行颜色自定义3. 无数据时背景色4. 表格自动滚动5. 表格和页面去除滚动条前言自定义表格颜色、样式方法整理1. 自定义标题颜色:header-cell-style="{ background:'#121626' , color:'#606266' }"实战演示2. 行颜色自定义方法1 直接定义:row-style="{backgroundColor:'#121626'}"实战演示方法2 动态颜色// 组件添加:row-原创 2022-05-01 12:12:41 · 786 阅读 · 0 评论 -
elementUI 消息弹窗封装及使用示例($message、$notify、$confirm)
文章目录前言1. 创建 messageUtils.js2. 使用示例前言适用于elment-ui 2.15.7 封装消息弹窗,便于生产环境直接调用,提高开发效率1. 创建 messageUtils.js/** * 消息提示工具类 * lqd */import {Message, MessageBox, Notification} from 'element-ui'export default { /** * 消息确认框 * type: success/war原创 2022-04-28 21:19:55 · 1426 阅读 · 0 评论 -
解决消息通知被el-dialog对话框的遮挡的问题($message、$alert、$notify、$confirm)
文章目录1. 原因分析2. 完美解决3. 效果1. 原因分析出现这种情况的原因是因为消息弹窗的层级z-index比对话框低导致的,消息弹窗的z-index一般在2001,而对话框的z-index在3000左右。解决思路很简单,我们只要把对话框的z-index降低即可,让它显示在消息弹窗下面,所以我们只要把对话框的z-index设为1000左右即可,但不要太低,以免对话框被覆盖。2. 完美解决直接在对话框上加:z-index="1000"3. 效果...原创 2022-04-28 21:18:25 · 1103 阅读 · 0 评论