添加链接
link之家
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接


前言

Element官网给了单选的例子,给我们省了不少时间,

但是有时候选择一行之后并没有达到我们想要的效果

下面是官网给的例子:

VUE系列——ElementUI使用table时,选中某行或者鼠标移入某行时添加背景色_官网

一、需求

点击或者鼠标移入某一行之后,想要出现自定义的颜色

二、解决方法

直接在style里面添加下面的样式即可

/* 选中某行时的背景色*/
.el-table__body tr.current-row > td {
background-color: #92cbf1 !important;
}

/*鼠标移入某行时的背景色*/
.el-table--enable-row-hover .el-table__body tr:hover > td {
background-color: #92cbf1;
}

三、效果展示

VUE系列——ElementUI使用table时,选中某行或者鼠标移入某行时添加背景色_背景色_02

扩展:

VUE---使用ElementUI的table表格重构穿梭框

OK,GAME OVER!

更多精彩内容请关注: 程序员高手之路

回复“vue项目”,免费获取以下项目视频教程

VUE系列——ElementUI使用table时,选中某行或者鼠标移入某行时添加背景色_自定义_03

VUE系列——ElementUI使用table时,选中某行或者鼠标移入某行时添加背景色_官网_04


python 数组过滤字符串 python 数组 字符串

JS字符串官方也给字符串提供了很多的属性和方法,用来进行字符串的操作(一)length属性length属性:字符串的length属性,主要作用是获得字符串中字符的个数如果字符串中没有该字符,返回【-1】var str = '水面清圆,一一风荷举'; console.log(str.length);字符串的length属性:经常结合循环语句一起使用,用来遍历字符var str = '野渡无人舟自横