微信小程序使用wx.setNavigationBarTitle动态设置页码title在页面跳转时会有bug问题解决

这个问题出现的原因是,我的A页面的title是需要请求后台接口后才能设置的,请求接口是一个异步请求,这个请求发出后,
里面跳转到另外一个页面B,已经发出的异步请求,并没有停止,而是等返回后执行wx.setNavigationBarTitle。这样就把B页面的titile给设置了。

解决办法:

我的是在A页面异步请求返回一个xx名称后,再将页面A的标题设置为xx名称。

data:{
tName:''
},
watch: {
    tName(curVal, oldVal) {
      var pages = getCurrentPages()
      var currentPage = pages[pages.length - 1]
      if (currentPage.route === 'pages/list') {
        wx.setNavigationBarTitle({
          title: curVal
        })
      }
    }
  },
  methods: {
  fetchlist() {
	ajax().then(res => {
	this.tName= res.data.name
})
}
}

方法就是通过watch 配合 currentPage.route === '当前页面路径' 使用。

实测没有问题。

网上的其他方法 也试过。 最后 这个 实测 通过。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值