elementUI
珞珈山小鲁班
前端小渣渣,每天都想有点进步的小鲁班
展开
-
封装el-pagination(记录)
// 封装<template> <el-pagination class="pagination" background layout="total, prev, pager, next" :current-page.sync="curPage" :total="total" :page-size="pageSize" @current-change="setCurrentPage" ></el-paginati原创 2021-11-22 10:36:41 · 234 阅读 · 0 评论 -
vue+elementUI实现el-tree默认选中第一层级的第一个节点
项目场景:查询成绩时,按照左侧年级和班级树来查询学生成绩默认选中第一层级下的第一个节点并给出选中样式问题描述:此图为el-tree官方文档给出的数据,数据为对应的id、label、children该项目数据为接口返回,并且返回的数据格式并不是像el-tree提供的那么规整,需要自己组装组装数据:规整数据,统一保持相同的名称,使用replace替换成label和idid为整个字段唯一的,不能把年级的id也进行替换,因为会重复如果不需要默认展开第一个层级下的第一个节点,id可不原创 2021-11-16 11:22:56 · 14468 阅读 · 2 评论 -
el-table选择框回显已经选中的数据
<el-table :data="tableData" border stripe style="width: 100%" ref="multipleTable" :row-key="getRowKeys" @selection-change="selectionCamera" > <el-table-column type="selection" :原创 2021-08-06 15:54:59 · 3395 阅读 · 0 评论 -
elementUI下拉点击两次才会被选中 & 曲面屏滑动直接滑出页面
项目场景:要求:使用同一个项目放在web端显示web内容和样式,放在H5显示H5内容和样式,一开始使用elementUI开发的,功能不复杂,因此不引入vant,使用elementUI问题描述:在写选择下拉选择框时,使用电脑浏览器代理没问题,安卓也没问题,ios会出现下拉选择点两次才会出现在选择框内 解决方案:修改css .el-scrollbar { > .el-scrollbar__bar { opacity: 1 !important; }}测试,完美,以原创 2021-07-14 19:00:57 · 798 阅读 · 0 评论 -
vue+elementUI table表格头部加提示
背景:table表头图标hover时显示提示语,如下图:实现:使用slot="header"和el-tooltip代码<el-table-column label="已录入" prop="entered" align="center"> <template slot="header" class="tool"> <span>已录入</span> <el-tooltip eff原创 2021-04-21 11:03:39 · 1575 阅读 · 0 评论 -
el-table实现表头内容换行显示+el-table行列变动问题
**前言:**使用:render-header="renderheader"在需要换行的地方使用 /使用:key="Math.random()"可解决顺序问题**场景:**要求实现table表头内容换行显示,修改了个bug,页面进来时,这两列顺序会变如下图:代码如下:template:<el-table :data="tableList.tableData" stripe style="width: 100%; font-size: 14原创 2020-12-17 14:42:34 · 3631 阅读 · 0 评论