element-ui2
文章平均质量分 52
element-ui2常见问题汇总
cmmboy1990
积累、
展开
-
el-table 合并单元格
1.效果<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title></title> <script src="./js/vue.js" type="text/javascript" chars原创 2022-05-18 13:08:47 · 1103 阅读 · 0 评论 -
element-ui el-pagination下拉选框错位、自定义样式
1.解决:el-pagination 标签中加 popper-class=‘select_bottom’css代码:.select_bottom { z-index: 2008; position: absolute; left: 147px !important; top: 355px !important; margin: 0px; border: 1px solid #55aaff; .el-select-dropdown { } .el-select-dropdow原创 2022-03-15 10:27:13 · 3321 阅读 · 1 评论 -
vue el-table 固定列后 鼠标滚轮 左右滚动
1.效果:2.代码:<template> <div class="app-container"> <el-table id="historyTable" :data="tableData" style="width: 100%" border> <el-table-column fixed prop="date" label="组织机构代码" width="150"> </el-table-column>原创 2022-01-18 10:22:22 · 2597 阅读 · 3 评论 -
element-ui使用rem适配
1.npm 导包npm install postcss-px2rem --save2.rem.js文件(放在src目录文件下)// rem等比适配配置文件// 基准大小const baseSize = 16;// 设置 rem 函数function setRem() { // 当前页面屏幕分辨率相对于 1280宽的缩放比例,可根据自己需要修改 const scale = document.documentElement.clientWidth / 1920; // 设置页面根节点原创 2022-01-17 15:17:37 · 5617 阅读 · 3 评论 -
解决element-ui使用rem后 el-dialog预览图片 img变小问题
1.bug效果2.原始代码<el-dialog :visible.sync="dialogVisible" append-to-body> <img width="100%" :src="dialogImageUrl" alt=""></el-dialog>2.解决:style中加入css样式/* 解决使用rem后 img变小问题 */ .el-dialog__body img { width: 100%; height: 100%;原创 2022-01-17 15:10:45 · 830 阅读 · 0 评论