ElementUI
文章平均质量分 55
分享在实际项目开发中用到的elemntUI的经验与避坑指南,帮助能够极大提高工作效率,争取更多摸鱼时间。
Muchen灬
工欲善其事,必先利其器,记录并分享工作生活经验!
展开
-
elmentUI 表格模板(1)
elmentUI 表格模板(1)拿来即用功能描述:tabs切换、select选择、时间选择查询、重置功能图片预览table表格和分页<!-- * @Descripttion: elment表格模板--><template> <div> <!-- card卡片增加视觉感 --> <el-card class="box-card"> <el-radio-group v-model="tab原创 2021-11-03 11:41:12 · 1481 阅读 · 0 评论 -
elementUI中el-table序号自动累加
el-table序号自动累加(1)普通序号(不累计,每页都是从1开始)翻页时,序号永远都是从1开始。因为每一次翻页都是根据当前数据的index显示<el-table-column label="序号" type="index" width="50" align="center"></el-table-column>(2)自动累加序号(根据 页数、每页数量、及当前行的index进行计算)// (当前页 - 1) * 当前显示数据条数 + 当前行数据的索引 + 1/原创 2021-08-19 16:25:18 · 4201 阅读 · 5 评论 -
elementUI中el-select 选中获取多个数据值
el-select 选中获取多个数据值<el-select v-model="ruleForm.packageId" filterable remote clearable reserve-keyword :loading="shopLoading" placeholder="请选择代理商套餐" size="small" style="width:360px" @change="selectChanelSel"> <el-option v-for="item in c原创 2021-08-17 15:38:26 · 5462 阅读 · 1 评论 -
elementUI中表格单元格合并(拿来即用)
elementUI中表格单元格合并<!-- * @Description: elment table表单合并单元格 * @Version: * @Autor: Muchen * @Date: 2021-08-12 09:38:08 * @LastEditors: Muchen * @LastEditTime: 2021-08-12 10:40:13--><template> <div class="app-container home">原创 2021-08-12 17:48:13 · 5129 阅读 · 4 评论 -
elementU中table表格模板(拿来即用)
elementUI拿来即用的table表格模板<!--import { setTimeout } from 'timers'; * @Description: elment table表单合并单元格 * @Version: * @Autor: DYQ * @Date: 2021-05-07 17:38:08 * @LastEditors: DYQ * @LastEditTime: 2021-08-12 14:44:03--><template> <d原创 2021-08-12 14:53:55 · 2797 阅读 · 0 评论 -
el-table更改某行背景及文字样式
elementUI中 table 中更改某行样式1、el-table标签添加 属性 :row-class-name="tableRowClassName"2、定义属性方法//row是获取到某一行的数据 orderTimeFlag 是我列表数据中的一个字段//用来判断哪些行需要颜色改变tableRowClassName({ row }) { if (row.orderTimeFlag == "1") { return "red-row"; }},3、设置背景颜色及原创 2021-08-11 11:10:26 · 890 阅读 · 0 评论 -
el-table 点击行更改背景颜色
elementUI 中 table 点击行更改背景颜色========= 鼠标移入时行背景颜色更改 ==========/* 用来设置当前页面element全局table 鼠标移入某行时的背景色*/.el-table__body tr:hover > td { background-color: pink !important; // color: dodgerblue; /* 设置文字颜色,可以选择不设置 */}注意:设置鼠标点击更改颜色,必须要将el-table 设置高原创 2021-08-11 11:05:26 · 4266 阅读 · 0 评论 -
elementUI之省市区三级联动
element – 省市区三级联动官方文档地址:https://www.npmjs.com/package/element-china-area-data1、安装组件依赖npm install element-china-area-data -S或者cnpm install element-china-area-data -S2、目标页面中引入import { provinceAndCityData, regionData, provinceAndCityDataPlus原创 2021-07-23 14:50:26 · 8702 阅读 · 6 评论