![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
element UI
文章平均质量分 64
Winson℡
The important thing in life is to have a great aim,and
determination to attain it.
展开
-
vue el-table 表头搜索(筛选)功能 头部添加搜索icon 点击显示popover 阻止在字段排序
使用elemen的render-header在funcion中 用createElement 创建虚拟DOM。首先创建SelectHeader.vue组件由于element内置icon的search长这样我找了个合适的需要注意的使用的element内置的排序sortable 那么在点击整个表格头部区域时 都会触发排序故在点击搜索icon的时候也会排序,影响体验,需要阻止这个排序用@click.stop=“popClick” 来阻止默认的排序<template> <e原创 2021-08-18 14:57:51 · 3846 阅读 · 2 评论 -
vue+ elment UI全局配置加载中状态
项目中多处会使用到一些共用的状态样式,这里简单写一个全局暴露的loading。首先在项目共用文件夹common下定义一个loading.js文件:// loading.jsimport { Loading } from 'element-ui';let loadingCount = 0;let loading;const startLoading = () => { loading = Loading.service({ lock: false, text: '加载原创 2021-06-30 10:23:06 · 583 阅读 · 0 评论 -
CSS样式揭秘
修改组件样式:1.去背景:background:none;2.去边框下划线:box-shadow: none;3.去鼠标事件:cursor: default;3.背景图片居中:background-position: center;4.背景图片随边框变化:background-size: contain;5.设置不重复背景图像(及如何重复):background-repeat: no-.........原创 2021-07-16 15:56:52 · 289 阅读 · 1 评论 -
elementui 更改 el-table 表头样式及修改el-table表格边框的注意事项
<el-table :header-cell-style="{background:'#eee',color:'#606266'}">...</el-table>header-cell-style是表头单元格的 style 的回调方法,也可以使用一个固定的 Object 为所有表头单元格设置一样的 Style。转载 2021-07-08 14:41:04 · 23187 阅读 · 0 评论