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