当前位置: 首页 > 文档资料 > Feui 中文文档 >

Dialog 弹窗

优质
小牛编辑
128浏览
2023-12-01

main.js

import Vue from "vue";
import { Dialog } from "feui";
window.Dialog = Dialog;

代码演示

消息提示

Dialog.alert({
  title: title,
  skin: skin,
  message: "弹窗内容",
  confirmButtonText: "确实"
}).then(() => {
  // on close
});

消息确认

Dialog.confirm({
  title: title,
  skin: skin,
  message: "弹窗内容"
})
.then(() => {
  // on confirm
  console.log("confirm");
})
.catch(() => {
  // on cancel
  console.log("cancel");
});

提供方法

方法名 说明 参数 备注
Dialog 展示弹窗 options -
Dialog.alert 展示消息提示弹窗 options -
Dialog.confirm 展示消息确认弹窗 options -
Dialog.close 关闭弹窗 - -
- - - -

Options

参数 说明 类型 默认值 可选值
title 标题 String - -
message 内容 String - -
skin 主题 String ios ios,android
showConfirmButton 是否展示确认按钮 Boolean true false,true
showCancelButton 是否展示取消按钮 Boolean false false,true
confirmButtonText 确认按钮的文字 String 确定 -
cancelButtonText 取消按钮的文字 String 取消 -
- - - - -