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

时间:2024-02-25 09:16:31

给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;
  }
就这样就完成了