Element UI
关注
分享
扫一扫
Element UI
陆氪和他的那些代码
小氪报主理人，惠权科技创始人。不仅分享日常代码爬坑，且每日拆解一条百里挑一的小众消息（Blink）：新商业观察、科技互联网、公私域流量、自媒体运营、工具效率、职场生活、健康养身、奇怪的小知识和一些小道消息（添加主页小地球可直接看到源头朋友圈资讯）。
展开
-
Element UI - el-table 自定义“暂无数据”插槽
<el-table> <el-table-column prop="subjectorderinfoNum" label="操作"> <template slot-scope="scope"> <el-button type="warning" @click="handleRemoveToSC(scope)">移...原创 2019-11-25 09:03:39 · 7532 阅读 · 0 评论 -
Element UI - 解决部分组件无法阻止冒泡问题
问题背景部分组件无法阻止冒泡，比如说 “el-switch” 等等。解决方案只要在该组件外面套个 div，div 上写 @click.stop 即可。原创 2019-11-12 21:40:32 · 4470 阅读 · 0 评论 -
Element UI - el-select 同时获取 value 和 label 的值
<el-form-item v-if="isMD" label="业务员名称"> <el-select v-model="addBM.storeManagerName" @change="selectGet" filterable style="display:block;" placeholder="请选择门店业务员名称"> <el-option ...原创 2019-09-22 23:57:31 · 5177 阅读 · 0 评论 -
Element UI - el-table el-table-column 表头自定义
图例代码<el-table-column width="180"> <template slot="header" slot-scope="scope"> 销售提成 <el-tooltip effect="dark" content="若销售提成按“百分比”，则根据“活动价”来计算" placement="top"&......原创 2019-09-19 00:37:35 · 5483 阅读 · 0 评论 -
Element UI - el-table el-table-column v-if 切换，表头抖动解决方案
body .el-table th.gutter { display: table-cell !important;}转载 2019-09-18 00:13:24 · 3496 阅读 · 7 评论 -
Element UI - el-table 渲染慢，卡的原因
数据量太大导致的渲染缓慢（说跟没说一样）。 组件 el-tooltip、属性 show-overflow-tooltip 居然会影响 el-table 渲染性能问题，不信把它去掉试试。原创 2019-08-30 08:56:33 · 21512 阅读 · 9 评论 -
Element UI - el-select（选择器）下拉多选菜单不换行显示
ElementUI 是一款很强大的组件，但是其中或许也有一些功能不满足我们的需求或者审美，比如本人今天遇到一个问题：当我使用select多选框多选的时候，下拉框被撑开了，这样不仅自身不美观，旁边的组件都很有可能受到布局影响！！！下图为官方例子：Ps：第二张图虽然显示在同一行内，但是数据不直观！解决方案很简单：超出隐藏，那么设置在哪呢？我看了下生成的DOM，发现了这样一组代码......原创 2019-08-17 00:40:29 · 13622 阅读 · 16 评论 -
Element UI - el-table-column 属性之 show-overflow-tooltip 爬坑
在 Element UI 框架中，el-table-column 属性show-overflow-tooltip 意思是：当内容过长被隐藏时显示 tooltip（默认值为 false）。但是有时候会出现一些莫名其妙的BUG，比如，和 el-form 配合使用时，鼠标碰上去会显示报错的信息而不是内容的信息，还有一些很奇葩的显示。所以本文给大家带来一个替代方案...解决方案：el-to......原创 2019-08-17 00:22:35 · 16873 阅读 · 1 评论 -
Element UI - el-image 图片初始化加载爬坑
官方链接：https://element.eleme.cn/#/zh-CN/component/image背景原因：el-image 一旦初始化加载失败的话，后期更新是不会出图片的。解决方案：要么一开始在标签 el-image 里添加 “:lazy='true'”，要么在 “:src”里添加默认图片地址，避免渲染DOM的时候找不到地址导致报错。......原创 2019-07-11 17:21:55 · 27866 阅读 · 4 评论 -
Element UI - 滚动条样式（仅支持 Webkit 内核）
//滚动条的宽度.your-table .el-table__body-wrapper::-webkit-scrollbar { width: 10px; height: 10px;}//滚动条的滑块.your-table .el-table__body-wrapper::-webkit-scrollbar-thumb { background-color: #a1a3a9...原创 2019-07-09 14:35:41 · 1931 阅读 · 0 评论 -
Element UI - el-scrollbar 如何隐藏横向滚动条？
/* 解决自定义滚动条 x 轴显示问题 */.el-scrollbar__wrap{ overflow-x: hidden;}原创 2019-07-07 23:54:35 · 14198 阅读 · 5 评论 -
Element UI - 打开弹出框（el-dialog）页面会抖动是什么原因？
应用情景当 dialog 出现时，页面右边缩小了 5px，看起来像是标题所说的抖动了一下。解决方案然后我看了一下页面的样式，发现 body 多了样式：padding-right: 5px 和 overflow: hidden。紧接着我就在全局设置body 的 padding-right: 0 !important 就好了~......原创 2019-07-07 23:40:12 · 9963 阅读 · 17 评论 -
Element UI - el-table 表格 hover 修改背景色
这也算是比较隐藏的 debug 问题...（先勾选 tr 的 hover，再看 td 的 css）Ps：直接看F12 CSS，知道怎么修改了吧~原创 2019-05-31 08:50:33 · 3094 阅读 · 0 评论