render-header 這個屬性是用了 vue 的 render 函數(shù)來創(chuàng)建組件。

語法查看這個： https://cn.vuejs.org/v2/guide...

render-header 查看下面這個例子： http://jsfiddle.net/770tasuc/

h函數(shù)第一個參數(shù)是標簽名，第二個是對象用來設置標簽的樣式，事件，屬性等等，第三個參數(shù)是數(shù)組，用來設置標簽里包含子標簽，子標簽也可以用h函數(shù)渲染

 renderHeader(h, data) {
        var column = data.column;//data表頭數(shù)據(jù)
        var index = data.$index;
        var method = () => {
            this.clickHandler(index);
        };
        return h('span', { //表頭最外層的標簽
            style: {
                cursor: 'pointer'//表頭最外層的標簽樣式事件等等
            },
            on: {
                click: method
            }
        }, [column.label, h('img', {
            style: {
                verticalAlign: 'middle',
                marginLeft: '5px',
                marginTop: '-3px',
                width: '12px'
            },
            domProps: {
                src: this.imgurl[index]
            }
        })]);
    }
    渲染出來的結果
    <span style="cursor: pointer;">//最外層標簽
    目標狀態(tài) //對應第一個子標簽column.label
    <img src="" style="vertical-align: middle; margin-left: 5px; margin-top: -3px; width:12px;">//第二個
    </span>

<el-table-column prop="diffTime" label="創(chuàng)建時間" width="120" align="center">
    <template slot-scope="scope">
        <el-tooltip :content="scope.row.createTime">
            <div slot>{{scope.row.diffTime}}</div>
        </el-tooltip>
    </template>
</el-table-column>