el-table表头(header)添加按钮(带触发事件)

el-table表头加一个按钮,并带点击事件需要加上:render-header=“renderHeader” 主要代码!

1、el-table方法


<el-table-column label="操作" :render-header="renderHeader"></el-table-column>

2、js代码


renderHeader(h) {
  return (
    <div>
     <span>操作</span>
     <el-button
       type="primary"
       icon="el-icon-plus"
       class="table-icon"
       size="mini"
       onClick={() => this.addRules()}
     ></el-button>
    </div>
  );
},
addRules(){
  //方法
}
以上是编程学习网小编为您介绍的“el-table表头(header)添加按钮(带触发事件)”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。

本文标题为:el-table表头(header)添加按钮(带触发事件)

基础教程推荐