当前位置: 首页 > news >正文

element如何实现自定义表头?

有时候我们需要实现自定义表头,例如表头里加按钮啥的,这时候就需要用到自定义表头,但是官方对自定义表头的使用写的还是比较简单,今天就来详细说说

在需要使用自定义表头的表头上使用:render-header来启用自定义表头:

<el-table-column :render-header="button"></el-table-column>

button是一个自定义方法,里面可以返回按钮。

需注意:button方法里面返回的按钮元素,给它添加点击方法不能用@click或v-on:click,无法识别,会报错。要用箭头函数的写法 on-click={()=>this.showinfo()}

这里设置了1个按钮,有个变量来记录当前点击的是哪个按钮:

data(){

   return{

      isShow: true // 控制按钮的变量,点击按钮

   }

},

methods: {

   button(){

      if(this.isShow==true){

         // 如果点击了按钮,就给按钮切换背景色

         return (

            <div>

               <el-button on-click={()=>this.show()} style="background: #ffc9c9; color:#606266">按钮</el-button>

         

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 图论基础概念(详细讲解)
  • 保证 WebSocket 连接之前的身份验证过程的安全性
  • 《A++ 敏捷开发》- 10 二八原则
  • go语言处理特定格式的时间 例如打印出来2024-07-12 12:22:22 -2024-07-12 12:52:22
  • 【Linux网络】数据链路层【下】{MAC/MTU/ARP/ICMP/NAT/PING/代理服务器原理}
  • MFC常用数据类型类:CRect
  • [论文笔记]涨点近5%! 以内容中心的检索增强生成可扩展的级联框架:Pistis-RAG
  • Python函数 之 匿名函数
  • 目前分布式光纤测温系统的主流架构有哪些?
  • MyBatis(35)如何在 MyBatis 中实现软删除
  • 初识影刀:EXCEL根据部门筛选低值易耗品
  • 【算法】代码随想录之链表(更新中)
  • std::filesystem::current_path().generic_string()的bug
  • Cuda环境及Pytorch环境安装
  • 翻译语音识别在线的软件,分享4款实用的软件!
  • “寒冬”下的金三银四跳槽季来了,帮你客观分析一下局面
  • 2017-09-12 前端日报
  • CentOS7简单部署NFS
  • crontab执行失败的多种原因
  • Docker容器管理
  • markdown编辑器简评
  • Spring技术内幕笔记(2):Spring MVC 与 Web
  • VUE es6技巧写法(持续更新中~~~)
  • 测试如何在敏捷团队中工作?
  • 关于 Linux 进程的 UID、EUID、GID 和 EGID
  • 和 || 运算
  • 机器学习学习笔记一
  • 基于 Babel 的 npm 包最小化设置
  • 快速构建spring-cloud+sleuth+rabbit+ zipkin+es+kibana+grafana日志跟踪平台
  • 使用 Xcode 的 Target 区分开发和生产环境
  • 一个普通的 5 年iOS开发者的自我总结,以及5年开发经历和感想!
  • 1.Ext JS 建立web开发工程
  • 蚂蚁金服CTO程立:真正的技术革命才刚刚开始
  • 如何在招聘中考核.NET架构师
  • ​2020 年大前端技术趋势解读
  • ​html.parser --- 简单的 HTML 和 XHTML 解析器​
  • ​如何防止网络攻击?
  • # MySQL server 层和存储引擎层是怎么交互数据的?
  • # 数仓建模:如何构建主题宽表模型?
  • #### golang中【堆】的使用及底层 ####
  • #1015 : KMP算法
  • #经典论文 异质山坡的物理模型 2 有效导水率
  • $jQuery 重写Alert样式方法
  • (4)STL算法之比较
  • (Java企业 / 公司项目)点赞业务系统设计-批量查询点赞状态(二)
  • (阿里云在线播放)基于SpringBoot+Vue前后端分离的在线教育平台项目
  • (层次遍历)104. 二叉树的最大深度
  • (附源码)计算机毕业设计ssm高校《大学语文》课程作业在线管理系统
  • (篇九)MySQL常用内置函数
  • (四)activit5.23.0修复跟踪高亮显示BUG
  • (四)软件性能测试
  • (算法)N皇后问题
  • (转)编辑寄语:因为爱心,所以美丽
  • (转载)跟我一起学习VIM - The Life Changing Editor
  • .bat批处理(九):替换带有等号=的字符串的子串