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.mzph.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为类的名字,{}中为类的主体,注意类定义结束时后⾯分号不能省略。类体中内容称为类的成员:类中的变量称为类的属性或成员变量;类中的函数称为类的⽅法或者成员函数。 •…