:render-header=“renderHeader” 为主要代码
<el-table-column
prop="goodsplace"
label="仓库"
width="120"
:render-header="renderHeader" //主要代码
>
<template slot-scope="scope">
<el-select
v-model="scope.row.goodsplace"
placeholder="请选择仓库"
>
<el-option
label="选择仓库"
value="shanghai"
></el-option>
</el-select>
</template>
</el-table-column>
methods:{
renderHeader (h) {
return (
<div>
<span>库位</span>
<el-button
type="primary"
style="padding:3px;margin-left:5px"
size="mini"
//加入点击事件---------
onClick={()=>this.change()}
//---------------------
>一键选择</el-button></div>
)
},
change(){
console.log(1)
}
}
就可实现表头中加入按钮了,想要加入点击事件可以在button加就可以