Dialog
Vue 的 Dialog 模态框组件,包含了alert和confirm对话框。
use
npm install vue-m-dialog复制代码
import MDialog from 'vue-m-dialog'
Vue.use(MDialog) // 将挂载 m-dialog组件和 Vue.prototype.$alert 和 Vue.prototype.$confirm复制代码
如果 Vue.prototype.$alert 和 Vue.prototype.$confirm 方法冲突,通过配置:
Vue.use(MDialog, {
dialogName: 'm-dialog',
alertName: 'msg',
confirmName: 'dialog'
})
复制代码
:show.sync="show"
title="提示"
:append-to-body="appendToBody"
:close-on-click-modal="closeOnClickModal"
:close-on-press-escape="closeOnPressEscape"
:no-head="noHead"
:before-close="close"
@open="onOpen"
@close="onClose"
width=

本文介绍了如何在Vue项目中使用vue-m-dialog组件来创建模态框,包括安装、基本用法、配置选项和事件监听。同时展示了alert和confirm对话框的用法及其参数配置。
最低0.47元/天 解锁文章
1296

被折叠的 条评论
为什么被折叠?



