給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;
}
就這樣就完成了