Skip to content

mdly.createPrompt(function when)

阻止页面关闭

当用户点击某个标签页的关闭图标时,可以通过此 API 阻止标签页关闭。

提示

如果不在微前端环境内,什么都不处理。

兼容性

微应用iframe
✔︎

示例

直接返回 true 将阻止页面关闭。

提示

page.name 指的是创建标签页时提供名称,详见 添加一个标签页

ts
mdly.createPrompt(page => {
  if (page.name === 'users' && form.changed) {
    return true;
  }
});
ts
mdly.createPrompt(async page => {
  if (page.name === 'users' && form.changed) {
    return true;
  }
});

如果你希望使用自定义弹窗,请返回一个包含 headless 属性的对象。

ts
// 返回 headless 可以阻止默认的提示窗口
mdly.createPrompt(page => {
  if (page.name === 'users' && form.changed) {
    // 显示自己的提示信息
    showConfirmPrompt();

    return {
      headless: true,
    };
  }
});