m0_46627730的博客

最近在做一个列表显示交通车流量的表格，采取的是element的排序表格，但其中样式要改很多很多，我大多数都是自己修改样式的，所以弄了很久，如今就贴一下代码出来吧。最终效果图：接下来我们就一部部来吧，对于排序表格的用法，你们打开官网就能直接用了，不多说：一开始的排序表格样子：表格内容居中且固定表头：固定表头只需要添加height就可以了，例如：height="217"内容居中只需要添加两行代码，而后定义对应函数返回样式即可 :cell-style="rowClass" :header-

话就不多说了，我直接上代码吧：首先用个给表格加ref标识<el-table :data="types" style="width: 100%" row-key="id" ref="myTable"每次更新数据后，要刷新列表，就调用loop：this.$set(表格，id，数据)例如：this.$set(this.$refs.myTable.store.states.lazyTreeNodeMap, pare

前言：最近做一个电商项目，在购物车那需要用Element的表格来显示数据，但要是用户一开始购物车并无数据，element表格默认无数据显示是在太丑了，这时就需要我们自定义了…先看一下默认无数据显示吧：我后来自定义：代码实现：其实就是添加：<template slot="empty"> <img src="../../../assets/imgs/shop/car.svg" alt=""> <div class="noCart"> 购物

平时我们使用element-ui库输入框的样子是这样的：但我们又希望输入框两边成弧形显得更美观些，例如这样：一开始，我是打开控制台看到是.el-input__inner控制了边框样式，所以直接在组件文件中修改样式：效果就实现了，但很多小伙伴们直接在vue文件中修改样式会发现结果却并非想象中那样，而是没任何变化，那是因为我把style 中的scoped给去掉了，不建议这么做，因为可能会污...