update:24-07-08 16:20:23 -AutoCommit

aboutVUE3.md

@@ -1,5 +1,23 @@
 # 与vue项目相关
 
+
+---
+# 路由返回拦截hook
+* 当点击返回键（浏览器或者是页面上的路由返回功能）时触发，形式如下：
+```ts
+import { onBeforeRouteLeave } from 'vue-router'
+onBeforeRouteLeave((to, from, next) => {
+  ...
+  if (...) {
+    ...do something
+    next(false)
+    return
+  }
+  ...
+  next(true)
+})
+```
+* 当next(false时，取消路由原有的返回功能)
 ---
 ## 具名作用域插槽
 * 具名作用域插槽的工作方式也是类似的，插槽 props 可以作为 v-slot 指令的值被访问到