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)添加按钮(带触发事件)
基础教程推荐
猜你喜欢
- Firefox返回时Iframe的显示Bug的解决方法 2024-04-23
- vuejs生成条形码(barcode)的方法 2025-01-18
- Uncaught RangeError: Maximum call stack size exceeded 错误解决方法 2023-07-09
- vue语法中有哪些隐藏元素的指令 2025-01-18
- 利用HTML+CSS实现跟踪鼠标移动功能 2024-01-23
- vue项目文件命名规范介绍 2025-01-18
- ThinkPHP表单数据智能写入create方法实例分析 2024-04-22
- vue解决跨域问题 2023-10-08
- 全面了解JavaScirpt 的垃圾(garbage collection)回收机制 2024-02-10
- 面试必备之ajax原始请求 2023-02-24