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

elementPlus消息组件多按钮案例

let customClass = 'zsl-el-message-box'
efb.messageBox({title: '操作提示',showConfirmButton: false,customClass,message: efb.VNode('div', null, [efb.VNode('style', null, `.${customClass} .el-message-box__message {width: 100%;}`),efb.VNode('div', null, 'hello world'),efb.VNode('div', {class: 'el-message-box__btns',}, [efb.VNode('button', {class: 'el-button el-button--primary',onClick(event) {event.target.closest('.el-message-box').querySelector('.el-message-box__btns button[aria-disabled=false]').click();console.log('确认', event)}}, '确定'),efb.VNode('button', {class: 'el-button el-button--success',onClick(event) {event.target.closest('.el-message-box').querySelector('.el-message-box__btns button[aria-disabled=false]').click();console.log('按钮2', event)}}, '按钮2'),efb.VNode('button', {class: 'el-button',onClick() {event.target.closest('.el-message-box').querySelector('.el-message-box__close').click();console.log('取消', event)}}, '取消')])]),
}).then( (result) => {console.log(result, 'then')
}
).catch( () => {})

在这里插入图片描述

相关文章:

elementPlus消息组件多按钮案例

let customClass zsl-el-message-box efb.messageBox({title: 操作提示,showConfirmButton: false,customClass,message: efb.VNode(div, null, [efb.VNode(style, null, .${customClass} .el-message-box__message {width: 100%;}),efb.VNode(div, null, hello world),efb.VN…...

计算机视觉目标检测-2

文章目录 摘要abstract1.Fast R-CNN1.1 RoI pooling1.2 End-to -End model1.3 多任务损失-Multi-task loss1.4 R-CNN、SPPNet、Fast R-CNN效果比对 2.Faster R-CNN2.1 RPN原理2.2 效果对比2.3 Faster R-CNN总结 3.总结4.参考文献 摘要 本周学习了Fast R-CNN和Faster R-CNN算法…...

爬虫数据存储:Redis、MySQL 与 MongoDB 的对比与实践

爬虫的核心任务是从网络中提取数据,而存储这些数据是流程中不可或缺的一环。根据业务需求的不同,存储的选择可能直接影响数据处理的效率和开发体验。本文将介绍三种常用的存储工具——Redis、MySQL 和 MongoDB,分析它们的特点,并提…...

深入解析MySQL索引结构:从数组到B+树的演变与优化

前言: 在数据库查询中,索引是一种关键的性能优化工具。然而,索引的失效可能导致查询效率大幅下降。为了更好地理解索引的工作原理及规避其失效,深入了解索引结构的演变过程尤为重要。 MySQL 的索引数据结构从简单到复杂&#xff0…...

【疑难杂症】 HarmonyOS NEXT中Axios库的响应拦截器无法拦截424状态码怎么办?

今天在开发一个HarmonyOS NEXT的应用的时候,发现http接口如果返回的状态码是424时,我在axios中定义的拦截器失效了。直接走到了业务调用的catch中。 问题表现: 我的拦截器代码如下: 解决办法: 先说解决办法&#xff…...

jmeter并发用户逐步递增压测找性能拐点

jmeter并发用户逐步递增压测找性能拐点 目的: 使用逐层递增的并发压力进行测试,找到单功能的性能拐点(一般需要包含四组测试结果,拐点前一组,拐点一组,拐点后两组),统计响应时间、…...

【PostgreSQL使用】最新功能逻辑复制槽的failover,大数据下高可用再添利器

逻辑复制的failover ​专栏内容: postgresql入门到进阶手写数据库toadb并发编程 个人主页:我的主页 管理社区:开源数据库 座右铭:天行健,君子以自强不息;地势坤,君子以厚德载物. ✅ &#x1f52…...

【开源免费】基于SpringBoot+Vue.JS租房管理系统(JAVA毕业设计)

本文项目编号 T 102 ,文末自助获取源码 \color{red}{T102,文末自助获取源码} T102,文末自助获取源码 目录 一、系统介绍二、数据库设计三、配套教程3.1 启动教程3.2 讲解视频3.3 二次开发教程 四、功能截图五、文案资料5.1 选题背景5.2 国内…...

Linux下Nvidia显卡GPU开启驱动持久化

GPU开启驱动持久化的原因 GPU 驱动一直处于加载状态, 减少运行程序时驱动加载的延迟。不开启该模式时,在程序每次调用完 GPU 后, GPU 驱动都会被卸载,下次调用时再重新加载, 驱动频繁卸载加载, GPU 频繁被…...

MS SQL Server 实战 排查多列之间的值是否重复

目录 需求 范例运行环境 数据样本设计 功能实现 上传EXCEL文件到数据库 SQL语句 小结 需求 在日常的应用中,排查列重复记录是经常遇到的一个问题,但某些需求下,需要我们排查一组列之间是否有重复值的情况。比如我们有一组题库数据&am…...

【玩转MacBook】Git安装

Git 官网也提到了MacBook 可以使用 Homebrew 安装 Git,所以在此使用 Homebrew 安装。 1、安装 Homebrew 执行安装脚本 在 Terminal 中执行如下命令: /bin/bash -c "$(curl -fsSL https://gitee.com/ineo6/homebrew-install/raw/master/install.…...

【优先算法】双指针 --(结合例题讲解解题思路)(C++)

今日鸡汤: “无人负我青云志,我自踏雪至山巅。” -徐霞客《青云志》 释义:没有人能够帮助我实现我的理想,即使面对再大的困难,我也要踏着积雪,一步步,到达山巅。 目录 1.快乐数 2.盛最多的…...

简述css中z-index的作用?如何用定位使用?

z-index是一个css属性,用于控制元素的堆叠顺序, 如何使用定位用index 1、position:relative; z-index; 相对于自己来定位的,可以根据top,bottom,right,left&#xff…...

Redis——数据淘汰策略

文章目录 1. 引入2. 讲解2.1 Redis 中的 8 种数据淘汰策略2.2 LRU 和 LFU 算法2.3 建议 3. 总结 1. 引入 在 Redis——数据过期策略 的“引入”部分讲解过,Redis 的数据存在内存中,而内存容量相对较小,不能将大量数据 无限期 地缓存。然而&a…...

机器学习之KNN算法预测数据和数据可视化

机器学习及KNN算法 目录 机器学习及KNN算法机器学习基本概念概念理解步骤为什么要学习机器学习需要准备的库 KNN算法概念算法导入常用距离公式算法优缺点优点:缺点︰ 数据可视化二维界面三维界面 KNeighborsClassifier 和KNeighborsRegressor理解查看KNeighborsRegr…...

前端node.js

一.什么是node.js 官网解释:Node.js 是一个开源的、跨平台的 JavaScript 运行时环境。 二.初步使用node.js 需要区分开的是node.js和javascript互通的只有console和定时器两个API. 三.Buffer Buffer 是一个类似于数组的对象,用于表示固定长度的字节序列。 Buffer…...

Excel基础知识

一:数组 一行或者一列数据称为一维数组,多行多列称为二维数组,数组支持算术运算(如加减乘除等)。 行:{1,2,3,4} 数组中的每个值用逗号分隔列:{1;2;3;4} 数组中的每个值用分号分隔行列&#xf…...

Spring Boot对访问密钥加密解密——RSA

场景 用户无需登录,仅仅根据给定的访问keyId和keySecret就可以访问接口。 keyId 等可以明文发送(不涉及机密),后端直接从请求头读取。keySecret 不可明文,需要加密后放在另一个请求头(或请求体&#xff0…...

Vue介绍

一、Vue框架简介 Vue.js是一个用于构建用户界面的渐进式JavaScript框架。它的核心库只关注视图层,易于上手,并且可以与其他库或现有项目进行整合。其特点包括响应式数据绑定、组件化开发和虚拟DOM等。 响应式数据绑定 Vue通过Object.defineProperty()方法来进行数据劫持。当…...

表单元素(标签)有哪些?

HTML 中的表单元素&#xff08;标签&#xff09;用于收集用户输入的数据&#xff0c;常见的有以下几种&#xff1a; 文本输入框 <input type"text">&#xff1a;用于单行文本输入&#xff0c;如用户名、密码等。可以通过设置maxlength属性限制输入字符数&…...

OpenClaw语音交互:百川2-13B量化模型+Whisper实现语音控制

OpenClaw语音交互&#xff1a;百川2-13B量化模型Whisper实现语音控制 1. 为什么需要本地语音助手&#xff1f; 去年冬天的一个深夜&#xff0c;我正在整理项目文档时突然冒出一个想法&#xff1a;如果能用语音直接操控电脑完成文件整理、代码执行这些重复操作&#xff0c;至少…...

Qt6 Host + Updater 更新方案(1):整体流程与交互设计

你有没有遇到过这种尴尬&#xff1a;软件提示“有新版本”&#xff0c;点了更新却失败&#xff1b;或者更新到一半程序直接卡死&#xff1b;再或者最常见的——Windows 下主程序正在运行&#xff0c;EXE 被占用&#xff0c;根本没法覆盖替换。很多 Qt 新手第一次做在线升级&…...

windows环境oracle 11.2.0.1版本数据库启动报错ORA-01589问题的处理

1.问题分析 问题描述&#xff1a;windows环境oracle 11.2.0.1版本数据库异常关闭&#xff0c;之后无法启动&#xff0c;无备份、未打开归档。 故障分析&#xff1a; 1.直观查看数据库的数据文件、REDO文件均在&#xff0c;查看数据文件的最后修改时间&#xff0c;除SYSAUX02.DB…...

突破1k !具身智能中文教程项目火了

Datawhale干货 作者&#xff1a;李昀迪&#xff0c;every-embodied团队学完具身导航基础课&#xff0c;还是一头雾水不会动手实践&#xff1f;复现顶会代码&#xff0c;被复杂逻辑绕晕&#xff0c;摸不清算法流程&#xff1f;环境配置地狱、数据集超大、下载繁琐&#xff0c;想…...

Papa Parse故障排查:从异常识别到深度修复的5个实战策略

Papa Parse故障排查&#xff1a;从异常识别到深度修复的5个实战策略 【免费下载链接】PapaParse Fast and powerful CSV (delimited text) parser that gracefully handles large files and malformed input 项目地址: https://gitcode.com/gh_mirrors/pa/PapaParse 问题…...

交叉编译程序,在armv7l架构的开发板上运行

手头有块开发板&#xff0c;需要基于它做二次开发。 开发板是ARM架构的CPU&#xff0c;当前跑的Linux&#xff0c;内核是4.X。 想在安装在virtualbox上的Linux&#xff08;安装的是kali Linux&#xff09;上开发程序&#xff0c; 然后交叉编译后上传到开发板上。 一、确定开发板…...

终极指南:R3nzSkin内存换肤技术的完整实现与实战进阶

终极指南&#xff1a;R3nzSkin内存换肤技术的完整实现与实战进阶 【免费下载链接】R3nzSkin Skin changer for League of Legends (LOL) 项目地址: https://gitcode.com/gh_mirrors/r3n/R3nzSkin 在游戏修改领域&#xff0c;内存换肤技术代表了逆向工程与实时内存操作的…...

5分钟快速部署:Python大麦网自动抢票脚本终极指南

5分钟快速部署&#xff1a;Python大麦网自动抢票脚本终极指南 【免费下载链接】Automatic_ticket_purchase 大麦网抢票脚本 项目地址: https://gitcode.com/GitHub_Trending/au/Automatic_ticket_purchase 还在为抢不到心仪演唱会门票而烦恼吗&#xff1f;每次热门演出开…...

3步实现多平台直播:开源推流工具全攻略

3步实现多平台直播&#xff1a;开源推流工具全攻略 【免费下载链接】obs-multi-rtmp OBS複数サイト同時配信プラグイン 项目地址: https://gitcode.com/gh_mirrors/ob/obs-multi-rtmp 在直播行业蓬勃发展的今天&#xff0c;内容创作者面临着一个共同挑战&#xff1a;如何…...

2026届最火的五大AI辅助论文网站实测分析

Ai论文网站排名&#xff08;开题报告、文献综述、降aigc率、降重综合对比&#xff09; TOP1. 千笔AI TOP2. aipasspaper TOP3. 清北论文 TOP4. 豆包 TOP5. kimi TOP6. deepseek 有着自动剖析研究领域热点能力的AI开题报告工具&#xff0c;是依托自然语言处理与知识图谱技…...