【小程序】当前“页面B”动态更改title，点击返回按钮，更改的标题会显示在“来源页面A”

最近在作小程序的时候遇到这么一个有趣的问题，就是从A页面跳转到B页面，若是B页面须要在接口加载以后更改title，
而且若是接口请求过慢，还灭有请求完毕时就点击返回按钮回到A页面，这时B页面的请求会继续执行，并在执行完毕后修改了A页面的title。

缘由

我的猜测，小程序自己属于单页面应用，代码的运行权限没有处理好，就像上面这种状况，B页面的代码穿越到了A页面的环境里面，而且执行。

解决

1. 既然B页面的请求方法能够在A页面执行，那么在B页面的方法中获取的当前的页面路由时就有可能能够获取到A页面的路由，通过测试果真不出所料。
2. 因此，能够这样来解决这个问题：在B页面的onLoad中获取当前页面路径，应该是/b，而后在方法中再次获取当前路径，多是/b，也多是/a，
   如果/a，则是上面提到问题状况，这个时候就不用取改变title了，如果/b，则能够更改。

代码

// utils.js
const getCurrentRouter = function () {
  let arr = getCurrentPages(),
      len = arr.length;
  return arr[len - 1].route;
}

export {getCurrentRouter};


// b.js
import {getCurrentRouter};
import { getDataForB } from '../../../servies/services.js';

Page({
  onLoad (options) {
    this.currentRouter = getCurrentRouter();
  },
  // 获取数据
  getData () {
    getDataForB().then(() => {
      // 获取数据后判断router是否一致
      if (this.currentRouter == getCurrentRouter()) {
        wx.setNavigationBarTitle({
            title: '要修改的title'
        })
      }
    })
  }
})

我的博客：午后南杂