美文网首页
el-table使用render-header自定义表头时的点击

el-table使用render-header自定义表头时的点击

作者: Tme_2439 | 来源:发表于2019-12-07 16:11 被阅读0次
主要是render函数的语法问题,记录一下,省得下次写忘记了~~~
<el-table-column align="center" :render-header="renderBtn">
</el-table-column>
renderBtn的写法:(注意是onClick,C要大写。不然会报错。)
renderBtn() {
                return (
                    <div>
                        <el-button onClick={this.handleMultipleStart} type="success" size="small">批量启用</el-button>
                        <el-button onClick={this.handleMultipleRestart} type="warning" size="small">批量重启</el-button>
                        <el-button onClick={this.handleMultipleStop} type="danger" size="small">批量停用</el-button>
                        { this.testUrl ?
                        <a class="el-button    el-button--small"
                            href={this.testUrl} target="_blank" >接口测试</a> : ''}
                    </div>
                )
            }

相关文章

网友评论

      本文标题:el-table使用render-header自定义表头时的点击

      本文链接:https://www.haomeiwen.com/subject/ivuugctx.html