methods: {
       handleBeforeUnload(event) {
            // 兼容火狐的做法
            event.preventDefault()
            event.returnValue = ''
            // 展示提示消息 
            // （這里其實(shí)修改默認(rèn)提示語(yǔ)是不生效的，不過(guò)我的業(yè)務(wù)場(chǎng)景不需要修改默認(rèn)提示語(yǔ)
            // 我也沒(méi)找到能修改的方法，有大佬知道的話(huà)麻煩告知）
            const message = '確定要離開(kāi)嗎？'
            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)聽(tīng)到瀏覽器回退事件（這里提示用的confirm，是可以自定義的）
                if (confirm('離開(kāi)當(dāng)前頁(yè)面數(shù)據(jù)可能會(huì)丟失，您確定離開(kāi)當(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)聽(tīng)
	        window.history.pushState(null, null, window.location.href);
	        window.addEventListener('popstate', this.onPopState);
       },
    beforeDestroy() {
        // 在組件銷(xiāo)毀前，移除 popstate 事件監(jiān)聽(tīng)
        window.removeEventListener('popstate', this.onPopState)
    }