vue3 beforeRouteEnter用法记录

Vue Router 公开的组合式 API 函数 useRoute,  useRouter,  onBeforeRouteLeave, onBeforeRouteUpdate,

要使用beforeRouteEnter 就要新增一个script

<script>
export default {
  beforeRouteEnter(to, from, next) {
    // console.log("salesOrder beforeRouteEnter", to, from);
    if (from.name === "xxx") {
      // console.log(data.tabActive);
      next()
    } else {
      window.scrollTo(0, 0);
      next((e) => {
        // 和组合式API函数进行通信；
        e.beforeRouteEnter();
      });
    }
  },
};
</script>

<script setup>
const beforeRouteEnter = () => {
  // console.log("beforeRouteEnter", data.tabActive);
  data.tabActive = "xxx";
};
defineExpose({
  beforeRouteEnter,
});
</script>