vue-routerで、beforeLeaveの使用方法

Question

1つのコンポーネントを離れる前にいくつかの情報の確認を終了します。

私はvue-routerドキュメントスキャンした：https://router.vuejs.org

をしかし、私は私のファイルで、vue-cliを使用します。

console.log(this.$router.beforeLeave) -> undefined 

がどのように私はそれを使用することができ、router1.vue？

Answer 1

は、あなたのrouter1.vueにこれを追加します。例えば

export default { 
    //... 
    beforeRouteLeave (to, from, next) { 
    // called when the route that renders this component is about to 
    // be navigated away from. 
    // has access to `this` component instance. 
    }, 
    //... 
} 

を：

beforeRouteLeave (to, from , next) { 
    const answer = window.confirm('Do you really want to leave? you have unsaved changes!') 
    if (answer) { 
    next() 
    } else { 
    next(false) 
    } 
} 

そしてそれは、このルートの休暇の前に呼び出されます。

ref：https://router.vuejs.org/en/advanced/navigation-guards.html