基础使用

全局配置

我们提供全局配置选项,以供修改基础配置

fields type default
title string '提示'
message string ''
okText string '确认'
cancelText string '取消'

单次调用传入的配置优先级高于全局配置高于默认配置

const globalOpt = {
  title: '这是一个标题',
  message: '这是一个内容',
  okText: 'ok',
  cancelText: 'cancel'
}

import VueDialogX from 'vue-dialog-x'

Vue.use(VueDialogX, globalOpt)
// or
import { VueDialogX } from 'vue-dialog-x'

new VueDialogX(Vue, globalOpt)

VueDialog 实例方法

name describe return
alert 只有确认按钮的弹出框 Promise< void>
confirm 包含确认按钮以及取消按钮 Promise< void>
prompt 包含确认按钮、取消按钮以及输入框 点击确认返回输入input的文字 Promise< string>
actions 包含多个自定义选项的输入框 点击后返回点击按钮的下标 Promise< number>
dialog 用于自定义图片的弹窗 Promise< void>
this.$dialog.alert()
this.$dialog.confirm()
this.$dialog.prompt()
this.$dialog.actions()
this.$dialog.dialog()