如何在用戶離開頁面前警告用戶未保存的更改Vue

Question

我有一個UnsavedChangesModal作爲一個組件，當用戶在輸入字段中未保存更改時嘗試離開頁面時需要啓動（我有頁面中有三個輸入字段）。

components: { 
    UnsavedChangesModal 
}, 
mounted() { 
    window.onbeforeunload = ''; 
}, 
methods: { 
    alertChanges() { 

    } 
} 

Answer 1

您是否使用vue-router？我會考慮導航衛士。我記住它們，但還沒有用過它們。這裏是他們的文檔：https://router.vuejs.org/en/advanced/navigation-guards.html