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


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

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM