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