Element
关注
分享
扫一扫
文章平均质量分 79
Windyluna
一枚在 coding 道路上不断前进的程序媛。。。
展开
-
多选框样式修改（原生、Element）
效果：element 样式修改覆盖：<el-checkbox class="base-checkbox" v-model="checked">排污企业（30）</el-checkbox>.base-checkbox .el-checkbox__label { padding-left: 6px; font-size: 12px; color: rgba(255, 255, 255, 0.6);}.base-checkbox .el-checkbox__in原创 2021-12-20 14:08:12 · 1055 阅读 · 0 评论 -
Element 多选表格前端分页 多选框回显
先上效果图：功能拆分：先模拟100条数据在 tableData将tableData 分页切片处理：this.tableData.slice( (this.pageNumber - 1) * this.pageSize, this.pageNumber * this.pageSize );注意，这里使用 computed 计算属性 pageTableData 来存储切片后当前页的列表数据分页选择数据回显并且保存选中的数据完整代码实现：<template> <div>原创 2021-10-13 10:11:02 · 922 阅读 · 0 评论 -
Element 表格嵌套el-popover 多个popover切换时数据动态变化
要点：（1）点击时触发 popovertrigger="click"（2）展示 / 隐藏 popover@show="contentDetail(scope.row, scope.$index)"@hide="hidePopover(scope.row, scope.$index)"（3）切换 popover 时，在请求新数据时先要清空一下数据this.spanArr = []this.position = 0this.planList = []（4）根据数据动态合并单元格原理如：ht原创 2021-09-13 19:32:39 · 3408 阅读 · 0 评论 -
Element动态表格 嵌套select 改变表格颜色 合并单元格
需求描述：（1）表格是动态遍历出来的（2）下拉框选中值，则该单元格有背景颜色，否则无颜色（3）第一列值相同则合并列合并单元格参考：https://blog.youkuaiyun.com/hefeng6500/article/details/82778680效果图：实现：<!DOCTYPE html><html lang="zh-CN" ng-strict-di> <meta charset="utf-8" /> <meta name="renderer原创 2021-07-27 15:59:43 · 440 阅读 · 0 评论 -
element表格固定高度
需求描述：表格内容多，不使用分页，只在表格内容区域滚动，去掉滚动条，去掉滚动条复现及解决方法：固定表格高度.el-table { height: calc(100vh - 630px);}出现滚动条：去掉滚动条// 隐藏el-table的滚动条 (表格固定高度时，会出现滚动条)/deep/.el-table .el-table__body-wrapper::-webkit-scrollbar { width: 0px; /* 宽度为0隐藏 */}出现问题：1）右原创 2021-07-16 09:52:51 · 2625 阅读 · 0 评论 -
记录使用 element 过程中遇到的一些需求
1、vue+element 实现长度显示为 “…” 和 移动到文字上方显示详情 【使用自定义指令】<el-table-column label="问卷名称" align="center"> <template slot-scope="scope"> <el-tooltip class="item" effect="dark" :content="scope.row.questionnaireName" placement="bottom-start">原创 2021-04-26 11:01:31 · 6052 阅读 · 0 评论