beforeRouteLeave

2023年05月25日

柏拉文

越努力，越幸运

一、认识

---

beforeRouteLeave 在导航离开渲染该组件的对应路由时调用。与 beforeRouteUpdate 一样，它可以访问组件实例 this

二、语法

---

2.1 选项式

beforeRouterLeave(to,from){

}

2.2 组合式

import { onBeforeRouteLeave } from 'vue-router';

onBeforeRouteLeave((to, from)=> {
  
}) 

三、参数

---

四、返回值

---

五、应用场景

---

5.1 预防用户未保存之前突然离开

import { onBeforeRouteLeave } from 'vue-router';

onBeforeRouteLeave((to, from)=> {
  const result = window.confirm('确定要离开吗?')
  if (!result) return false
})