# sweetalert2 - 弹出层基本使用

# 使用

# toast

示例:

// reuse configuration by creating your own Swal with Swal.mixin({...options}):
const Toast = Swal.mixin({
  toast: true,
  position: "top-end",
  showConfirmButton: false,
  timer: 3000,
  timerProgressBar: true,
  didOpen: (toast) => {
    toast.onmouseenter = Swal.stopTimer;
    toast.onmouseleave = Swal.resumeTimer;
  }
});

Toast.fire({
  icon: "success",
  title: "Signed in successfully"
});

参考:

# 参考

本章目录