vue element MessageBox.prompt this.$prompt组件禁止显示右上角关闭按钮,取消按钮,及点击遮罩层关闭

vue element MessageBox.prompt this.$prompt组件禁止或取消显示右上角关闭按钮,取消按钮,及点击遮罩层关闭

实现效果:

实现代码

php 复制代码
MessageBox.prompt('请先完成手机号绑定', '系统提示', {
        confirmButtonText: '提 交',
        showClose: false,
        closeOnClickModal: false,
        showCancelButton: false,
        inputPattern: /[\w!#$%&'*+/=?^_`{|}~-]+(?:\.[\w!#$%&'*+/=?^_`{|}~-]+)*@(?:[\w](?:[\w-]*[\w])?\.)+[\w](?:[\w-]*[\w])?/,
        inputErrorMessage: '邮箱格式不正确'
      }).then(() => {
        location.reload()
      })

属性详解

不显示右下角关闭按钮

php 复制代码
showClose: false,

取消点击遮罩层关闭

php 复制代码
closeOnClickModal: false,

不显示底部取消按钮

php 复制代码
showCancelButton: false,
相关推荐
web打印社区11 分钟前
Windows 网页静默打印设置步骤:客户端、防火墙与联调清单
开发语言·前端·javascript·chrome·pdf·ecmascript
web打印社区1 小时前
JS 静默打印怎么做:纯前端为什么不行,以及最小可跑通写法
开发语言·前端·javascript·websocket·网络协议·http·pdf
大连好光景1 小时前
RAG应用中Prompt模板设计技巧
prompt·ai-native
web打印社区1 小时前
HTML5 静默打印:前端页面怎么调用打印机且尽量不弹窗
前端·javascript·vue.js·pdf·html·html5
c萱1 小时前
AI产品经理——01基础认知篇
设计模式·prompt·aigc·产品经理·ai编程·gitcode·ai-native
liangshanbo12152 小时前
React Fiber:从“解决卡顿”到完整更新链路
前端·javascript·react.js
雪芽蓝域zzs2 小时前
第3节:el-select 弹窗定位、滚动穿透与挂载容器(popper-append-to-body /teleported)
vue.js·elementui
“AI国潮设计-小江”2 小时前
Python实战 | SDXL批量生成“潮汕英歌舞”国潮甜品IP,附核心Prompt与商用授权思路
开发语言·人工智能·python·prompt·aigc
“AI国潮设计-小江”3 小时前
Python实战 | SDXL批量生成“带炸英歌”国潮IP:从海报到门店落地(附核心Prompt与授权思路)
开发语言·人工智能·python·prompt·aigc
铅笔小新z3 小时前
【stm32】理解弱引用
javascript·stm32·嵌入式硬件