Dialog

对话框。

引入

import { Dialog } from 'we-vue'
1

例子

直接传入对话框标题和提示信息进行调用。

Dialog({
  title: '对话框标题',
  message: 'hello world',
  skin: 'ios'
})
1
2
3
4
5

传入一个对象进行调用,可自定义更多参数

Dialog({
  title: '对话框标题',
  message: 'hello world',
  skin: 'ios',
  showCancelButton: false
})
1
2
3
4
5
6

Dialog 还提供了 confirmalert两个方法,均返回一个 Promise

Dialog.confirm({
  title: title,
  message: '欢迎使用 we-vue!',
  skin,
  showCancelButton: true
}).then(() => {
  this.$root.message('confirmed')
}).catch(() => {
  this.$root.message('canceled')
})
1
2
3
4
5
6
7
8
9
10
Dialog.alert({
  title: title,
  message: '欢迎使用 we-vue!'
})
1
2
3
4

API

参数 类型 说明 可选值 默认值
skin String 皮肤样式 'ios','android' 'ios'
title String 标题
message String 对话框消息
confirmButtonText String 确认按钮文字 '确定'
cancelButtonText String 取消按钮文字 '取消'
showConfirmButton Boolean 显示确认按钮 true
showCancelButton Boolean 显示取消按钮 true
中国联通
20.45