el-table 自定义label

2,441 阅读1分钟
<el-table-column label="健康状态" :render-header="renderHeader">
    <template slot-scope="scope">
      <div v-if="scope.row.status" class="success-status">健康</div>
      <div v-else class="warn-status">非健康</div>
    </template>
  </el-table-column>
  
  
  renderHeader (h, {column}) {
      return (
        <el-popover placement="right" width="320" trigger="hover">
          所有环境下均未报警,为健康状态;只要有资源正在报警,为不健康状态。
          <span slot="reference">{column.label}<i class="el-icon-info"></i></span>
        </el-popover>
      )
    }