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,
相关推荐
pepedd86410 分钟前
浅谈js拷贝问题-解决拷贝数据难题
前端·javascript·trae
@大迁世界11 分钟前
useCallback 的陷阱:当 React Hooks 反而拖了后腿
前端·javascript·react.js·前端框架·ecmascript
前端缘梦12 分钟前
深入理解 Vue 中的虚拟 DOM:原理与实战价值
前端·vue.js·面试
小高00714 分钟前
📌React 路由超详解(2025 版):从 0 到 1 再到 100,一篇彻底吃透
前端·javascript·react.js
summer77721 分钟前
GIS三维可视化-Cesium
前端·javascript·数据可视化
HWL567924 分钟前
pnpm(Performant npm)的安装
前端·vue.js·npm·node.js
John_ToDebug1 小时前
大模型提示词(Prompt)终极指南:从原理到实战,让AI输出质量提升300%
人工智能·chatgpt·prompt
柯南95271 小时前
Vue 3 reactive.ts 源码理解
vue.js
Sammyyyyy1 小时前
2025年,Javascript后端应该用 Bun、Node.js 还是 Deno?
开发语言·javascript·node.js
柯南95271 小时前
Vue 3 Ref 源码解析
vue.js