Dialog

对话框。

引入

  1. import { Dialog } from 'we-vue'

例子

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

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

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

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

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

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

API

参数类型说明可选值默认值
skinString皮肤样式'ios','android''ios'
titleString标题
messageString对话框消息
confirmButtonTextString确认按钮文字'确定'
cancelButtonTextString取消按钮文字'取消'
showConfirmButtonBoolean显示确认按钮true
showCancelButtonBoolean显示取消按钮true