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>

         

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/web/44051.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

机器学习开源分子生成系列(2)-基于三维形状和静电相似性的DeepFMPO v3D安装及使用

前言 本文是基于 3D 的分子生成方法DeepFMPO v3D的介绍及安装使用。 一、DeepFMPO v3D是什么&#xff1f; github代码介绍文章 在药物发现中&#xff0c;如何寻找具新颖性和结构多样性的候选分子是颇受药物设计科学家关注的问题。通过虚拟筛选的化学空间搜索往往会受限于筛选…

Linux账户和组管理——用户密码文件,工作组账号文件,用户管理

#### 用户密码文件 - /etc/shadow存储密码加密后的密文&#xff0c;又称为“影子文件”&#xff0c;该文件为了保证了账户密码的安全性只有 root 账户拥有读权限&#xff0c;注意&#xff1a;若该文件权限发生变化&#xff0c;需要留心恶意攻击 bash [rootserver ~]# ll /etc/…

linux之栈溢出分析

我们来创建一个例子&#xff0c;其中包含一个段错误&#xff0c;这次是由于栈溢出导致的。这是一个常见的错误&#xff0c;通常发生在程序递归调用深度过大&#xff0c;超出了为栈分配的内存空间。 下面是一个简单的C程序&#xff0c;stack_overflow_example.c&#xff0c;它通…

优化与改进之轻量级Transformer - Transformer教程

在自然语言处理&#xff08;NLP&#xff09;的世界里&#xff0c;Transformer模型无疑是一颗璀璨的明珠。自从它在2017年被提出以来&#xff0c;就凭借其强大的性能和优雅的设计赢得了广泛的关注和应用。然而&#xff0c;随着应用的深入&#xff0c;Transformer的体量和计算资源…

牛顿力学和拉格朗日力学求解atwood machine问题对比

一个半径为 R R R、转动惯量为 I I I 的圆盘。绳子与圆盘无滑动&#xff0c;质量 m 2 m_2 m2​ 的物体在重力 g g g 作用下下坠&#xff0c;带动质量 m 1 m_1 m1​ 的物体上升。求 m 1 m_1 m1​和 m 2 m_2 m2​ 的加速度 a a a。 牛顿力学方法 对质量 m 1 m_1 m1​ 和 …

Web 性能入门指南-1.2 分析在线零售 Web 性能及优化方向

让顾客满意是零售业成功的秘诀。事实证明&#xff0c;提供快速、一致的在线体验可以显著提高零售商关心的每项指标——从转化率和收入到留存率和品牌认知度。 本文大纲&#xff1a; 页面速度影响在线零售业务数据 如何将您的网站速度与竞争对手进行比较 性能优化入门&#xf…

Scanner工具类

扫描控制台输入 1.nextLine nextLine() 方法会扫描输入流中的字符&#xff0c;直到遇到行末尾的换行符 \n&#xff0c;然后将该行的内容作为字符串返回&#xff0c;同时&#xff0c;nextLine() 会将 Scanner 对象的位置移动到下一行的开头&#xff0c;以便下一次读取数据时从下…

代码随想录day09 151.翻转字符串里的单词 、卡码网:55.右旋转字符串

代码随想录day09 151.翻转字符串里的单词 、卡码网&#xff1a;55.右旋转字符串 151. 反转字符串中的单词 这题我直接想到的是istringstream 和 stack 但不知道这样使用是不是违反了规定 class Solution { public:string reverseWords(string s) {istringstream iss(s);stri…

MySQL的约束键多表查询

约束 概念 概念&#xff1a;约束是作用于表中字段上的规则&#xff0c;用于限制存储在表中的数据。目的&#xff1a;保证数据中数据的正确、有效性和完整性。 外键约束 概念 ​ 外键用来让两张表的数据之间建立连接&#xff0c;从而保证数据的一致性和完整性。 注意&#x…

Qt常用基础控件总结—输入部件(QComboBox类和QLineEdit)

输入部件 下拉列表控件QComboBox 类 QComboBox 类是 QWidget 类的直接子类,该类实现了一个下拉列表(组合框)。 QComboBox 类中的属性函数 1)count:const int 访问函数:int count() const; 获取组合框中的项目数量,默认情况下,对于空组合框或未设置当前项目的组合框,…

网络安全法视角下的等保测评法律责任与风险控制

《网络安全法》是中国为了保障网络安全、维护网络空间主权和国家安全、社会公共利益&#xff0c;保护公民、法人和其他组织的合法权益而制定的一部重要法律。该法于2017年6月1日正式实施&#xff0c;其中对网络安全等级保护制度&#xff08;简称“等保”&#xff09;做出了明确…

windows USB 设备驱动开发-USB复合设备的注册

USB 多功能设备的驱动程序&#xff08;称为复合驱动程序&#xff09;可以向基础 USB 驱动程序堆栈注册和注销复合设备。 Microsoft 提供的驱动程序&#xff08;Usbccgp.sys&#xff09;是由 Windows 加载的默认复合驱动程序。 本文中的过程适用于替换Usbccgp.sys的基于 WDM的自…

c语言的简易教法—— 函数递归

文章目录 一、什么是递归&#xff1f;1.1递归的思想1.2递归的限制条件 二、递归案例2.1 案例1&#xff1a;求n的阶层2.1.1分析2.1.2 递归函数&#xff08;Fact&#xff09;的代码实现2.1.3 测试&#xff1a;main函数实现2.1.4 运行结果和画图推演2.1.5 扩展&#xff1a;迭代方法…

【66个开源+44个闭源Agent项目】

开源AI Agent 1.AgentGPT 基于浏览器的 AutoGPT 实现&#xff0c;可通过无代码平台访问。https://agentgpt.reworkd.ai/zh 2.AI Legion 一个让智能体协同工作的平台&#xff0c;其类似于 AutoGPT 和 Baby AGI&#xff0c;但用 TypeScript 编写。https://github.com/eumemi…

如何使用BERT进行下游任务 - Transformer教程

BERT&#xff0c;即Bidirectional Encoder Representations from Transformers&#xff0c;是谷歌于2018年发布的预训练语言模型。BERT的出现标志着自然语言处理领域的一个重要里程碑&#xff0c;因为它大幅提高了多种语言任务的性能。本文将详细介绍如何使用BERT进行下游任务&…

华为如何做成数字化转型?

目录 企业数字化转型是什么&#xff1f; 华为如何定义数字化转型&#xff1f; 为什么做数字化转型&#xff1f; 怎么做数字化转型&#xff1f; 华为IPD的最佳实践之“金蝶云” 企业数字化转型是什么&#xff1f; 先看一下案例&#xff0c;华为经历了多次战略转型&#xf…

前端工程化:Webpack配置全攻略

前端工程化&#xff1a;Webpack配置全攻略 前端小伙伴们&#xff0c;今天我们来聊聊那个让人又爱又恨的 Webpack。没错&#xff0c;就是那个配置起来让你想砸键盘&#xff0c;但又离不开它的构建工具。别担心&#xff0c;跟着我来&#xff0c;保证让你从 Webpack 小白变成配置…

人脸识别与检测(保姆级教程--附带源码)

人脸识别与检测&#xff08;保姆级教程–附带源码&#xff09; 项目背景 因项目需要招聘了一些日结工人&#xff0c;因此需要对工地现场的工人进行考勤管理&#xff0c;但工地只有海康摄像头没有专业考勤设备&#xff0c;因此需要基于视频流开发人脸识别与检测功能&#xff1…

Windows 虚拟机服务器项目部署

目录 一、部署JDK下载JDK安装JDK1.双击 jdk.exe 安装程序2.点击【下一步】3.默认安装位置&#xff0c;点击【下一步】4.等待提取安装程序5.默认安装位置&#xff0c;点击【下一步】6.等待安装7.安装成功&#xff0c;点击【关闭】 二、部署TomcatTomcat主要特点包括&#xff1a;…

奇怪的错误记录

https://github.com/meta-llama/llama3/issues/80 读模型没问题&#xff0c;推理时出现&#xff1a; RuntimeError: “triu_tril_cuda_template” not implemented for ‘BFloat16’ ———————————————— 事发原因 我尝试了解transformers的AutoProcessor时&a…