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.pswp.cn/web/44051.shtml
繁體地址,請注明出處:http://hk.pswp.cn/web/44051.shtml
英文地址,請注明出處:http://en.pswp.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…