elementUI
关于elementUI组件的一些问题
努力尝试!
我写代码的,能卖你生瓜蛋子
展开
-
elementUI给table表头行设置背景颜色样式
有时候用 饿了么UI 需要对table的表头改变一下背景颜色,如何做呢?1、首先使用 elementUI中的header-cell-style 属性<el-table :data="paperList" :header-cell-style="getRowClass">2、然后在getRowClass方法中 改变css样式getRowClass({ rowIndex, columnIndex }) { if (rowIndex == 0) { return "ba原创 2021-12-01 20:14:01 · 4404 阅读 · 0 评论 -
elementUI选择框和单选框的默认值问题
1.选择框<el-select v-model="form.isAvailable"> <el-option label="可用" value="1" > </el-option> <el-option label="不可用" value="0" > </el-option></el-select>像这种情况原创 2021-10-29 15:52:38 · 5710 阅读 · 5 评论 -
elementUI表格合并行(vue)
公司提了个小需求如图所示,合并了第一列内容相同的行。eliment ui官网中只是讲解了合并某一列的固定行该怎么做(就是类似于每次都是合并三行),而我这是合并不同数量的行。于是我陷入了纠结和不解中,不知道该怎么做。这时可爱的娜娜姐,出手编写了解决问题的代码,顺利完成了我的任务!她竟然还不好意思发博客…咳咳 那我只好暂时替她发一下博客了(斜眼笑)<el-table :data="tableData" height="495" :原创 2021-07-04 11:58:21 · 3832 阅读 · 8 评论 -
elementUI按esc关闭对话框
:close-on-press-escape="true"原创 2021-11-15 15:09:38 · 1664 阅读 · 0 评论 -
vue+elementUI tab标签页
最近经常使用饿了么UI中的标签页,做一个小总结<el-tabs tab-position="left" v-model="currentTab" @tab-click="handleClick" > <el-tab-pane v-for="(item, index) in libTable" :key="index" :label="item.title" :name="item.libId"原创 2021-10-21 20:42:00 · 2190 阅读 · 0 评论 -
elementui表格改变行高,vue
在写公共css代码的地方加上一段代码,我的是在App.vue中的style里加的。.el-table .cell { line-height: 0.8rem !important; }原创 2021-08-03 20:20:27 · 723 阅读 · 0 评论 -
elementUI表格图片查看大图
<el-table-column label="设备照片" prop="picture" width="120"> <template slot-scope="scope"> <el-image :src="scope.row.picture" :preview-src-list="[scope.row.picture]" style="height:3rem;width:3原创 2021-10-22 16:26:30 · 389 阅读 · 0 评论