
ElementUI
文章平均质量分 77
EruruI
这个作者很懒,什么都没留下…
展开
-
教你如何去掉ElementUI Table的hover变色
在自定义Element的时候,有一些自带特效我们不想要,去掉又不知道怎么去掉。比如Table的hover变色。其实方法并不是去掉,而是让他看起来不变。开始↓定义单元格背景色:<el-table :cell-style="{background:'#f5f5f5'}" >定义单元格hover颜色: .el-table tbody tr:hover>td { background-color:#f5f5f5 !important }原创 2020-06-01 18:20:56 · 14339 阅读 · 7 评论 -
教你把ElementTable单元格的四个角变圆/自定义特定单元格样式
自定义单元格样式<el-table:cell-style="setSellStyle"></el-talbe>用setSellStyle这个方法去控制<el-table的单元格样式methods: { setSellStyle({ row, column, rowIndex, columnIndex }) { if (column.label === '名称') { return "background:#e8e8e原创 2020-06-01 15:52:59 · 6767 阅读 · 3 评论 -
自定义Element-UI Table展开行expand图标
Table expand展开行图标DIYTable展开行自定义展开图标Table展开行使用方法是:<el-table-column type="expand"><template></template></el-table-column>`主要功能:展开点击行或者特定行,在模板中定义展开行内容。如果需要展开特定的行需要在中使用row-key跟expand-row-keys: <el-table :row-key="getR原创 2020-06-01 15:19:03 · 9571 阅读 · 2 评论 -
Vue.js中使用this.$confirm换行显示提示信息
在写一个简单的按钮点击确认框信息的时候,发现换行不能用\n。用了< br>发现也是字符串的输出形式去查了下发现需要使用$createElement来创建这里我需要显示两行信息。代码如下creatNew(){ const h = this.$createElement this.$confirm('提示', { title: '提示', message: h('div', [ h('p', '新建会导致之前设置原创 2020-05-25 15:41:43 · 7993 阅读 · 1 评论