element表格的表头添加*星号

发布时间 2023-10-13 09:16:25作者: 长不大的菜鸟

vue怎么实现element表格里表头信息提示功能?
第一、给el-table添加:header-cell-class-name

<el-table :header-cell-class-name="func"></el-table>

第二、在vue的methods中编写方法

// 给头部添加星星
func(obj) {
  let list = ['表头1', '表头2', '表头3','表头4',]
  if(list.includes(obj.column.label)) {
      return 'starclass';
  }
},

第三、在样式里编写伪类生成*

// /deep/是scss的
/deep/ table th.starclass div::after {
    content: '*';
    color: red;
}