Vue · Middle · Question 60 of 75

How do you warn the user before leaving a route with unsaved changes?

onBeforeRouteLeave(() => {
  if (dirty.value) return confirm('Leave without saving?')
})

✓Correct answer: Use onBeforeRouteLeave and return false to cancel navigation
2Use onUnmounted
3Use router.beforeEach only

Explanation

In-component guards know the component's state. Closing the tab needs a separate beforeunload listener.

Further reading

Test yourself

Take the Vue · Middle quiz: questions and options are shuffled, and you get a review of your mistakes at the end.