el-table 設置自定義label(render-header)

template

<el-table-column prop="daNumber" label="編碼號" width="260" show-overflow-tooltip fixed :render-header="renderHeader">
          <template slot-scope="{ row, $index }">
            <div class="bianhaoInput" style="display: inline-block;">
              <el-input size="small" v-model="row.daNumber" disabled></el-input>
            </div>
          </template>
        </el-table-column>

 

methods

//el-table-column label設置
      //h(param1, param2, param3)里:param1是這個元素的標簽名，param2是這個元素的屬性，class之類;param3是這個元素的innerHtml和子元素組成的數組
      renderHeader (h, { column, $index }){
        let currentLabel = column.label;
        return h('span',{},[
          h('span',{class: 'headerIcon'},'*'),
          h('span',{},currentLabel)
        ])
      },