保存されていない変更があるため、vue.jsコンポーネントの破棄を停止します

Question

私はvuejsを使用しています。ユーザーがデータを保存できるコンポーネントがあります。しかし、ユーザーがデータを保存しておらず、他のルートに移動しようとしたり、コンポーネントを破棄したりする可能性があります。保存されていないデータがあるというメッセージを表示したいと思います。

ユーザーが保存していないデータを残したくないと言う場合、ナビゲーションまたはコンポーネントの破棄を停止する必要があります。私はbeforeDestroyを使用して、保存されていないデータがあるかどうかを確認していますが、動作しますが、コンポーネントやナビゲーションの破壊を止めることはできません。私はbeforeRouteLeaveを使ってみましたが動作しません。どのようにこの作品を作るためのアイデア？私が見

Answer 1

うーん、あなたは確か

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

キーがある。このようにしbeforeRouteLeaveを使用している次の（偽）あなたはそれをnext()に引数としてfalseを渡す必要があり

次のルートに転送しません。

正しく使用されているかどうかを確認するだけです。