Modal Tip 消息弹框 | Os Ui - IAOSWEB.COM

On this page

模拟系统的消息提示框而实现的一套模态对话框组件，用于消息提示、确认消息和提交内容。

基础用法

调用osModalTip.alert方法以打开 alert 框。它模拟了系统的 alert，无法通过按下 ESC 或点击框外关闭。此例中接收了两个参数，message和title

js

import { osModalTip } from 'osui'
osModalTip.alert('this is alert message...', 'Alert') // 模拟系统弹出警告框alert
osModalTip.confirm('this is confirm message...', 'Confirm') // 模拟系统弹出确认框confrim

确认框

方法会返回一个Promise对便于后续处理。

js

import { osModalTip } from 'osui'
osModalTip.confirm('this is confirm message...', 'Confirm').then(() => {
  //...Do Next
}).catch(() => {
  //...End
})

系统回调

回调方法只需在第三个参数传出字段名为callback的方法函数，函数会返回一个字串，分别为ok和cancel，注：如使用了回调方法，对应的Promise将失效。

js

import { osModalTip } from 'osui'
osModalTip.alert('this is alert message...', 'Alert', {
  callback: (action:String) => {
    // action根据触发按钮返回 'ok' 或 'cancel'
    osMessage(`Action: ${action}`)
  }
})