methods: {
       handleBeforeUnload(event) {
            // 兼容火狐的做法
            event.preventDefault()
            event.returnValue = ''
            // 展示提示消息 
            // （這里其實(shí)修改默認(rèn)提示語(yǔ)是不生效的，不過(guò)我的業(yè)務(wù)場(chǎng)景不需要修改默認(rèn)提示語(yǔ)
            // 我也沒找到能修改的方法，有大佬知道的話麻煩告知）
            const message = '確定要離開嗎？'
            event.returnValue = message
            return message
        }
},
 mounted() {
        window.addEventListener('beforeunload', this.handleBeforeUnload)
        window.addEventListener('unload', this.handleBeforeUnload)
    },
    destroyed() {
        window.removeEventListener('beforeunload', this.handleBeforeUnload)
        window.removeEventListener('unload', this.handleBeforeUnload)
    },

methods:{
      onPopState(e) {
                // 監(jiān)聽到瀏覽器回退事件（這里提示用的confirm，是可以自定義的）
                if (confirm('離開當(dāng)前頁(yè)面數(shù)據(jù)可能會(huì)丟失，您確定離開當(dāng)前頁(yè)面嗎？')) {
                    // 點(diǎn)擊確定回退
                    window.removeEventListener('popstate', this.onPopState)
                    window.history.go(-1)
                } else {
                    // 點(diǎn)擊取消不回退
                    window.history.pushState(null, null, window.location.href)
                }
        },
      }，
     mounted() {
	        // 添加 popstate 事件監(jiān)聽
	        window.history.pushState(null, null, window.location.href);
	        window.addEventListener('popstate', this.onPopState);
       },
    beforeDestroy() {
        // 在組件銷毀前，移除 popstate 事件監(jiān)聽
        window.removeEventListener('popstate', this.onPopState)
    }