返回介绍

Dialog 弹窗

发布于 2020-05-05 22:51:20 字数 2185 浏览 1158 评论 0 收藏 0

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 取消 -
- - - - -

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文