weixin_43412413的博客

记录一下 ，先放图html:<el-table :data="tableData" :span-method="objectSpanMethod" :height="tableHeight" border>....</el-table>在data中定义js:methods: { // 处理数据 initData(data) { this.tableData = data..

1、slot="header"<el-table-column prop="handle"> <template slot="header"> <span @click="seeDetail">查看详情</span> <span class="explain" @click="seeHandle">只查看待处理</span> </template> <t

// elment-ui日期选择框的日历图标和清除图标默认样式修改/deep/ .el-input__prefix,/deep/ .el-input__icon { line-height: 30px;// 可以通过设置行高改变图标在竖直方向上位置}...

.el-input__inner { height: 33px; font-size: 13px; box-shadow: none; border: 1px solid #e9e9e9;} .el-input__inner:hover { border-color: #e9e9e9;} .el-input__inner:focus { ...

一次请求将全部要展示的数据获取到，分页在前端对数据进行处理进行分页展示<el-table :data="handleList.slice((currentPage-1)*pageSize,currentPage*pageSize)" :show-header="true" :height="$store.state.clientHeight - 134" ...

element-ui的默认样式：修改后的样式：代码：/*设置xx条/页的框的颜色*/.el-select .el-input.is-focus .el-input__inner,.el-pagination__sizes .el-input .el-input__inner:hover,.el-select .el-input__inner:focus { bo...

默认图标：修改后的图标：代码：/*树节点前面的图标修改*/.el-tree .el-tree-node__expand-icon.expanded{ -webkit-transform: rotate(0deg); transform: rotate(0deg);}.el-tree .el-icon-caret-right:before{ b...

<el-table :data="jxpData" :show-header="true" :row-style="tableRowStyle" :header-cell-style="tableHeaderStyle" max-height="300" style="width: 100%; overflow-y:auto;" >m...

<el-tree class="filter-tree" :data="treeData" :props="defaultProps" default-expand-all :filter-node-method="filterNode" ref="tree" @node-click="clickTree" :style="{ height:...