element-ui messageBox 組件源碼分享

messageBox 彈框組件源碼分享,主要從以下兩個方面:

1、messageBox 組件頁面結構。

2、messageBox 組件屬性。

一、組件頁面結構。

二、組件屬性。

2.1 title 標題,類型為 string,無默認值。

2.2 message 消息正文內容,類型為?string / VNode,無默認值。

2.3?dangerouslyUseHTMLString,是否將 message 屬性作為 HTML 片段處理,類型為 boolean,默認值 false。

2.4 type?消息類型,用于顯示圖標,類型為 string,可選值?success / info / warning / error,無默認值。

2.5 iconClass?自定義圖標的類名,會覆蓋 type,類型為 string,無默認值。

2.6 customClass 自定義類名,類型為 string,無默認值。

2.7 callback?若不使用 Promise,可以使用此參數指定 MessageBox 關閉后的回調,類型為?unction(action, instance),action 的值為'confirm', 'cancel'或'close', instance 為 MessageBox 實例,可以通過它訪問實例上的屬性和方法,無默認值。

???????

2.8 showClose??是否顯示右上角關閉按鈕,類型為 boolean,默認值 true。

2.9 beforeClose?關閉前的回調,會暫停實例的關閉,類型為?function(action, instance, done),action 的值為'confirm', 'cancel'或'close';instance 為 MessageBox 實例,可以通過它訪問實例上的屬性和方法;done 用于關閉 MessageBox 實例,無默認值。

2.10?distinguishCancelAndClose?是否將取消(點擊取消按鈕)與關閉(點擊關閉按鈕或遮罩層、按下 ESC 鍵)進行區分,類型為 boolean,默認值 false。

2.11 lockScroll?是否在 MessageBox 出現時將 body 滾動鎖定,類型為 boolean,默認值 true。?

2.12 showCancelButton?是否顯示取消按鈕,類型為 boolean,默認值?false(以 confirm 和 prompt 方式調用時為 true)。

2.13?showConfirmButton?是否顯示確定按鈕,類型為 boolean,默認值 true。

2.14?cancelButtonText 取消按鈕的文本內容,類型為 string,默認值取消。

2.15 confirmButtonText 確定按鈕的文本內容,類型為 string,默認值確定。

2.16 cancelButtonClass?取消按鈕的自定義類名,類型為 string,無默認值。

2.17 confirmButtonClass?確定按鈕的自定義類名,類型為 string,無默認值。

2.18 closeOnClickModal 是否可以通過點擊遮罩層關閉 messageBox,類型為 boolean,默認值true(以 alert 方式調用時為 false)。

2.19 closeOnPressEscape?是否可通過按下 ESC 鍵關閉 MessageBox,類型為 boolean,默認值true(以 alert 方式調用時為 false)。

2.20 closeOnHashChange?是否在 hashchange 時關閉 MessageBox,類型為 boolean,默認值 true。

2.21 showInput 是否顯示輸入框,類型為 boolean,默認值 false。

2.22 inputPlaceholder 輸入框的占位符,類型為 string,無默認值。

2.23 inputType?輸入框的類型,類型為 string,默認值 text。

2.24 inputValue?輸入框的初始文本,類型為 string,無默認值。

2.25 inputPattern?輸入框的校驗表達式,類型為?regexp,無默認值。

2.26?inputValidator?輸入框的校驗函數。可以返回布爾值或字符串,若返回一個字符串, 則返回結果會被賦值給 inputErrorMessage,類型為 function,無默認值。

2.27?inputErrorMessage 未校驗通過時的提示文本,類型為 string,默認值輸入數據不合法!

2.28 center?是否居中布局,類型為 boolean,默認值 false。

2.29roundButton?是否使用圓角按鈕,類型為 boolean,默認值 false。

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/pingmian/73620.shtml
繁體地址,請注明出處:http://hk.pswp.cn/pingmian/73620.shtml
英文地址,請注明出處:http://en.pswp.cn/pingmian/73620.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

睡眠健康領域的智能硬件設備未來的發展趨勢

隨著社會節奏的不斷加快,人們的睡眠問題愈發多了起來,主要表現有以下幾個方面: 睡眠質量下降 淺睡眠增多:現代生活中,人們面臨著各種壓力源,如工作壓力、生活瑣事、經濟壓力等,這些壓力會導致大…

支付頁面安全與E-Skimming防護----淺談PCI DSS v4.0.1要求6.4.3與11.6.1的實施

關鍵詞:支付頁面安全、E-Skimming、PCI DSS v4.0.1、第三方腳本、風險管理、持卡人數據、數據安全、第三方服務提供商、TPSP、內容安全、網頁監控、惡意腳本攻擊 本文為atsec和作者技術共享類文章,旨在共同探討信息安全的相關話題。轉載請注明&#xff…

【gradio】從零搭建知識庫問答系統-Gradio+Ollama+Qwen2.5實現全流程

從零搭建大模型問答系統-GradioOllamaQwen2.5實現全流程(一) 前言一、界面設計(計劃)二、模塊設計1.登錄模塊2.注冊模塊3. 主界面模塊4. 歷史記錄模塊 三、相應的接口(前后端交互)四、實現前端界面的設計co…

案例分享|樹莓派媒體播放器,重構商場廣告的“黃金三秒”

研究顯示,與傳統戶外廣告相比,數字戶外廣告在消費者心中的記憶率提高了17%,而動態戶外廣告更是能提升16%的銷售業績,整體廣告效率提升了17%。這一顯著優勢,使得越來越多資源和技術流入數字廣告行業。 戶外裸眼3D廣告 無…

23種設計模式-裝飾器(Decorator)設計模式

裝飾器設計模式 🚩什么是裝飾器設計模式?🚩裝飾器設計模式的特點🚩裝飾器設計模式的結構🚩裝飾器設計模式的優缺點🚩裝飾器設計模式的Java實現🚩代碼總結🚩總結 🚩什么是…

[Vue]事件修飾符

文章目錄 一、語法介紹二、添加代碼三、結果展示四、參考文獻 如有錯誤,請指正!!! 一、語法介紹 1、問題來源 我們在處理網頁時,當點擊按鈕時會觸發對應事件,但是有時并不想觸發該時間&#xff0c…

Go 語言 sync 包使用教程

Go 語言 sync 包使用教程 Go 語言的 sync 包提供了基本的同步原語,用于在并發編程中協調 goroutine 之間的操作。 1. 互斥鎖 (Mutex) 互斥鎖用于保護共享資源,確保同一時間只有一個 goroutine 可以訪問。 特點: 最基本的同步原語&#x…

ubuntu22.04安裝搜狗輸入法保姆教程~

一、添加中文語言支持 1.首先打開設置,找到Language and Region 2.點擊Manage Installed Languages 3.點擊 Install/Remove Languages... 4.選中Chinese (simplified),點擊Apply

docker中間件部署

1.docker安裝 # 1.卸載舊版本 yum remove docker \docker-client \docker-client-latest \docker-common \docker-latest \docker-latest-logrotate \docker-logrotate \docker-engine# 2.需要的安裝包 yum install -y yum-utils# 3.設置鏡像的倉庫 # 3.1.默認是國外的&#x…

python康復日記-request庫的使用,爬蟲自動化測試

一,request的簡單應用 #1請求地址 URLhttps://example.com/login #2參數表單 form_data {username: admin,password: secret } #3返回的響應對象response response requests.post(URL,dataform_data,timeout5 ) #4處理返回結果,這里直接打印返回網頁的…

強化學習和智能決策:Q-Learning和Deep Q-Learning算法

強化學習(Reinforcement Learning, RL)是機器學習的一個重要分支,它通過智能體(Agent)與環境交互來學習最優決策策略,旨在最大化智能體的長期累積獎勵。Q-Learning和Deep Q-Learning是強化學習中的兩種關鍵算法,它們在智能決策領域發揮著重要作用。 一、強化學習基礎 …

ubuntu22.04 安裝Jitsi meet 開源會議系統,代替騰訊會議

0.安裝 官方安裝教程Self-Hosting Guide - Debian/Ubuntu server | Jitsi Meet 一定要用域名訪問, 一定要用域名訪問, 一定要用域名訪問, 一定要用域名訪問, 域名一定要有ssl證書,域名一定要有ssl證書,域名…

專家管理系統(源碼+文檔+講解+演示)

引言 在知識經濟時代,專家管理系統成為了企業優化知識資源、提升決策效率的重要工具。本文將介紹一款創新的專家管理系統,該系統通過智能化工具,助力企業實現專家資源的高效管理和利用。 平臺概述 專家管理系統采用前后端分離的架構設計&a…

css基礎-選擇器

選擇器進階 子串選擇器 /* 匹配 href 以 "https" 開頭的鏈接 */ a[href^"https"] {color: green; }/* 匹配 href 包含 "example" 的鏈接 */ a[href*"example"] {text-decoration: underline; }/* 匹配 href 以 ".pdf" 結尾…

Spring Boot屬性設置方法及優先級完整說明+表格對比

Spring Boot屬性設置方法及優先級完整說明 官網參考: https://docs.spring.io/spring-boot/3.4-SNAPSHOT/reference/features/external-config.html#features.external-config.files 屬性設置方法優先級順序(從高到低) 命令行參數&#xf…

上門家政小程序實戰,從0到1解決方案

一、邏輯分析 上門家政小程序主要涉及用戶端和服務端兩大部分。用戶端需要實現服務瀏覽、預約下單、訂單跟蹤等功能;服務端則要處理訂單管理、服務人員管理、數據統計等任務。以下是詳細的功能模塊分析: 用戶注冊與登錄:用戶通過手機號或第三…

LLVM學習-DragonEgg工具

2.2.2 使用DragonEgg和LLVM工具了解編譯流程 如果希望看到前端的運行情況,請使用-S -fplugin-arg-dragonegg-emit-ir標志,該標志將產生以LLVM IR代碼表示的人工可讀文件。 一旦編譯器將程序轉換為IR則停止編譯,并將內存中的表示內容寫入磁盤的…

關于cmd中出現無法識別某某指令的問題

今天來解決以下這個比較常見的問題,安裝各種軟件都可能會發生,一般是安裝時沒勾選注冊環境變量,導致cmd無法識別該指令。例如mysql,git等,一般初學者可能不太清楚。 解決這類問題最主要的是了解環境變量的概念&#x…

ThreadLocal詳解與高頻場景實戰指南

ThreadLocal詳解與高頻場景實戰指南 1. ThreadLocal概述 ThreadLocal是Java提供的線程本地變量機制,用于實現線程級別的數據隔離。每個訪問該變量的線程都會獲得獨立的變量副本,適用于需要避免線程間共享數據的場景。 特點: 線程封閉性&a…

【C++初階】---類和對象(上)

1.類的定義 1.1類的定義格式 ? class為定義類的關鍵字,Data為類的名字,{}中為類的主體,注意類定義結束時后?分號不能省略。類體中內容稱為類的成員:類中的變量稱為類的屬性或成員變量;類中的函數稱為類的?法或者成員函數。 ?…