Vue單頁面應(yīng)用，路由的跳轉(zhuǎn)導(dǎo)致的頁面改變的內(nèi)存問題？

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

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

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

一個(gè)異步函數(shù)里面可以有多個(gè)異步操作，cancel 其中一個(gè)很困難，因?yàn)槟悴惶菀字垃F(xiàn)在執(zhí)行到哪一步。我能想到的解決方案有幾個(gè)：

1. beforeDestroy 的時(shí)候加一個(gè)標(biāo)記，每一步異步執(zhí)行前都檢查這個(gè)標(biāo)記，如果已被修改就停止
2. 使用隊(duì)列的方式管理多個(gè)異步操作，并且設(shè)置一個(gè)標(biāo)記給隊(duì)列
3. 異步函數(shù)全部綁定在當(dāng)前實(shí)例上，并且檢查當(dāng)前實(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);
    }
}