elementPlus消息组件多按钮案例

javascript 复制代码
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( () => {})
相关推荐
烛阴3 分钟前
JavaScript 构造器进阶:掌握 “new” 的底层原理,写出更优雅的代码!
前端·javascript
Alan-Xia4 分钟前
使用jest测试用例之入门篇
前端·javascript·学习·测试用例
浪遏6 分钟前
面试官😏 :文本太长,超出部分用省略号 ,怎么搞?我:🤡
前端·面试
昕er8 分钟前
CefSharp 文件下载和保存功能-监听前端事件
前端
@PHARAOH13 分钟前
WHAT - Tree Shaking 的前提是 ES Module
前端·webpack·ecmascript
鱼樱前端20 分钟前
📚 Vue Router 4 核心知识点(Vue3技术栈)面试指南
前端·javascript·vue.js
计算机-秋大田24 分钟前
基于Spring Boot的宠物健康顾问系统的设计与实现(LW+源码+讲解)
java·vue.js·spring boot·后端·课程设计
食指Shaye26 分钟前
Chrome 中清理缓存的方法
前端·chrome·缓存
JobsandCzj28 分钟前
PDF 分割工具
javascript·小程序·pdf
午后书香37 分钟前
一天三场面试,口干舌燥要晕倒(二)
前端·javascript·面试