你這個頁面都關(guān)閉了，代碼都不執(zhí)行了，怎么可能產(chǎn)生影響

如果你指的組件中的 async 方法是異步請求的話，可以在 beforeDestory 里執(zhí)行 cancel request

題主表述有點問題，你應(yīng)該指的是路由變化導(dǎo)致的“退出頁面”，而不是“關(guān)閉瀏覽器頁面”吧？

一個異步函數(shù)里面可以有多個異步操作，cancel 其中一個很困難，因為你不太容易知道現(xiàn)在執(zhí)行到哪一步。我能想到的解決方案有幾個：

1. beforeDestroy 的時候加一個標記，每一步異步執(zhí)行前都檢查這個標記，如果已被修改就停止
2. 使用隊列的方式管理多個異步操作，并且設(shè)置一個標記給隊列
3. 異步函數(shù)全部綁定在當前實例上，并且檢查當前實例的 this.$el.parentNode

let isLeave = false
function wrapWithCancel(fn) {
    return data => {
      if (!isLeave) {
        return fn(data);
      }
    }
 }


beforeRouteLeave (to, from, next) {
    isLeave  = true
},
methods: {
    async m1() {
            
            
          const data = await wrapWithCancel(fetchData)();
          const userData = await wrapWithCancel(updateUserData)(data);
          const userAddress = await wrapWithCancel(updateUserAddress)(userData);
          const marketingData = await wrapWithCancel(updateMarketingData)(userAddress);
    }
}