页面离开提醒

在页面离开时，增加弹窗二次确认，避免因误操作导致当前页面数据清空

<script setup lang="ts">
import { ElMessageBox } from "element-plus";

onBeforeRouteLeave((from, to, next) => {
  ElMessageBox.confirm("当前页面还没有保存，是否确定要离开？", "温馨提醒", {
    confirmButtonText: "确定离开",
    cancelButtonText: "取消",
    type: "warning",
  })
    .then(() => {
      next();
    })
    .catch(() => {});
});
</script>
<template></template>