elementui给form表单的label加红色或者给table表头字段加红色

时间：2020-09-14 20:06:16 阅读：622 评论：0 收藏：0 [点我收藏+]

给elementui的form表单的label加红色*较为简单,直接在el-form-item内加required="true"就能实现

技术分享图片

就能达到上图所示效果.

给table的表头字段加红色*号就稍微步骤多一些了

技术分享图片

如图,要想实现上图所示效果,首先在el-table内添加

:header-cell-class-name="star"

技术分享图片

当然这个star只是随便取的一个类名,也可以叫其他的

接下来在methods里面添加star方法

技术分享图片

columnIndex就是列下标,比如要给第二列,第三列,第五列的表头字段加红色星号就是上图所示方式

最后再添加样式

技术分享图片

/deep/.el-table table th.star div:before{

content: ‘*‘;

color:red;

}

就这样就完成了

原文：https://www.cnblogs.com/cool-wan/p/13668864.html

踩

(0)

评论一句话评论（0）

分享档案

更多>