当前位置: 首页 > 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( () => {})

在这里插入图片描述

http://www.lryc.cn/news/512108.html

相关文章:

  • 计算机视觉目标检测-2
  • 爬虫数据存储:Redis、MySQL 与 MongoDB 的对比与实践
  • 深入解析MySQL索引结构:从数组到B+树的演变与优化
  • 【疑难杂症】 HarmonyOS NEXT中Axios库的响应拦截器无法拦截424状态码怎么办?
  • jmeter并发用户逐步递增压测找性能拐点
  • 【PostgreSQL使用】最新功能逻辑复制槽的failover,大数据下高可用再添利器
  • 【开源免费】基于SpringBoot+Vue.JS租房管理系统(JAVA毕业设计)
  • Linux下Nvidia显卡GPU开启驱动持久化
  • MS SQL Server 实战 排查多列之间的值是否重复
  • 【玩转MacBook】Git安装
  • 【优先算法】双指针 --(结合例题讲解解题思路)(C++)
  • 简述css中z-index的作用?如何用定位使用?
  • Redis——数据淘汰策略
  • 机器学习之KNN算法预测数据和数据可视化
  • 前端node.js
  • Excel基础知识
  • Spring Boot对访问密钥加密解密——RSA
  • Vue介绍
  • 表单元素(标签)有哪些?
  • 人工智能与云计算的结合:如何释放数据的无限潜力?
  • TCP Analysis Flags 之 TCP Out-Of-Order
  • 【MyBatis 核心工作机制】注解式开发与动态代理原理
  • 深度学习在图像识别中的最新进展与实践案例
  • vue3中如何自定义插件
  • 【机器学习】回归
  • Maven项目中不修改 pom.xml 状况下直接运行OpenRewrite的配方
  • 【翻译】Sora 系统卡-12月9日
  • 如何在 Spring Boot 微服务中设置和管理多个数据库
  • Ubuntu20.04安装Foxit Reader 福昕阅读器
  • 学习threejs,THREE.CircleGeometry 二维平面圆形几何体