uni-app自定义导航栏返回路径

onBackPress(e){
  console.log("监听返回按钮事件",e);
//正常返回页面
  uni.navigateTo({
    url:"../service/service"
  })
//返回主页面tabBar
uni.switchTab({
	url:"../service/service"
})
  // 此处一定姚要return为true,否则页面不会返回到指定路径
  return true;
}

当用户进行以下操作时,会触发该函数:

  • Android 实体返回键 (from = backbutton)

  • 顶部导航栏左边的返回按钮 (from = backbutton)

  • 返回 API,即 uni.navigateBack() (from = navigateBack)

  • 只有在该函数中返回值为 true 时,才表示不执行默认的返回,自行处理此时的业务逻辑。

  • 当不阻止页面返回却直接调用页面路由相关接口(如:uni.switchTab)时,可能会导致页面显示异常,可以通过延迟调用路由相关接口解决。

  • 不返回或返回其它值,均会执行默认的返回行为。

  • H5 平台,顶部导航栏返回按钮支持 onBackPress(),浏览器默认返回按键及Android手机实体返回键不支持 onBackPress()

  • 暂不支持直接在自定义组件中配置该函数,目前只能是在页面中来处理。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值