随笔分类 -  element Ui

element-ui使用el-tabs组件的时候浏览器直接卡死的问题
摘要：遇到这个问题的原由是：本身自己项目的elementUI版本是2.0.11较低了，项目有个功能是自定义progress进度条颜色，无奈高版本的才有这个配置，所以就升级了elementUI，升级到了最高版本2.10.0。这样就出现问题项目中有的页面打不开并且造成浏览器窗口崩溃，于是就在卡顿的页面把代码全 阅读全文
posted @ 2019-06-28 14:42 小兔额乖乖 阅读(5785) 评论(1) 推荐(0)
element-ui 分页中的slot的用法(自定义分页显示内容)
摘要：官方给的简单的例子以及效果。 最后弄成的效果： 按照文档在layout 添加slot, 这几个参数可以随意调换位置，然后分页显示效果会根据调换的位置显示相应内容。 阅读全文
posted @ 2019-06-20 09:51 小兔额乖乖 阅读(13116) 评论(4) 推荐(0)
vue项目中遇到的打印，以及处理重新排版后不显示echarts图片问题。
摘要：1. 项目中用到的打印 页面： css: 控制好宽度一般A4 我调试的是794px多了放不下，小了填不满。当时多页打印的时候，一定要控制好每一个页面内容显示的高度不要超过一个页面，当然根据自己项目来。 由于我的项目是每一个页面固定一个页尾部，所以当显示的时候正常排版显示。但是一旦点击了打印预览需要修 阅读全文
posted @ 2019-04-01 09:54 小兔额乖乖 阅读(2930) 评论(0) 推荐(0)
element-ui 实现table整列的拖动
摘要：演示地址 1. 先动态渲染表头，给每一个表头添加一个class=virtual 的画虚线的类名，同时给每个表头加上鼠标点击、拖动、抬起事件：mousedown->mousemove->mouseup. 2. 点击时确定点击的哪个，拖动的时候确定拖动的方向，抬起的时候确定放在的位置。 3. 改变数据实 阅读全文
posted @ 2019-03-13 18:38 小兔额乖乖 阅读(8625) 评论(1) 推荐(1)
element-ui自定义table表头，修改列标题样式
摘要：elementUI table表格一般的样式是这样的： 但是要改变表头是比较麻烦的一个事情，但是往往有些项目是需要的比如改成如下样式： 一般直接改起来挺麻烦，好在官网提供了一个方法：render-header 根据官方的方法来实现有两个方法： 方法一：vue的render函数来直接实现 运行效果： 阅读全文
posted @ 2019-03-11 17:27 小兔额乖乖 阅读(15828) 评论(0) 推荐(1)
ElementUI 表格表头筛选框的高度设置，超出一定高度，显示滚动条
摘要：最近项目发现一个问题table表头筛选的时候，由于筛选内容过多导致弹出框超出屏幕，并且无法滚动，应急的办法是缩小浏览器显示比例让更多内容显示😀 就是下图标识地方内容超出屏幕，ElementUI也没有做出处理： 只能强改了：打开浏览器调试找到页面的结构拿到class名字 el-table-filte 阅读全文
posted @ 2019-03-05 11:28 小兔额乖乖 阅读(4350) 评论(0) 推荐(1)
elementUI MessageBox弹框 <el-dialog>弹框如果出现input的type属性为password。项目中用到日期组件的地方会报错
摘要：ElementUI：项目中如果用到MessageBox弹框的输入框input且type为password，以及用到<el-dialog>里面用到input且type为password。此时如果项目中也使用了 时间日期选择组件则会出现如下情况： 凡是当前显示页面使用日期的地方报此错误。因为passwo 阅读全文
posted @ 2018-03-20 16:55 小兔额乖乖 阅读(4584) 评论(0) 推荐(0)