山东省工程建设招标信息网站,网站建设的部署与发布,自己建设网站网站赚钱,苏州网站备案查询h5或uniapp或微信小程序#xff0c;实现左上角返回到指定页面#xff0c;侧滑左滑返回指定页面#xff0c;安卓物理返回键返沪指定页面 uniapp开发app,(非微信小程序)uniapp写的微信小程序 uniapp开发app,(非微信小程序)
自定义的左上角返回按钮
i classiconfon… h5或uniapp或微信小程序实现左上角返回到指定页面侧滑左滑返回指定页面安卓物理返回键返沪指定页面 uniapp开发app,(非微信小程序)uniapp写的微信小程序 uniapp开发app,(非微信小程序)
自定义的左上角返回按钮
i classiconfont icon-zuojiantou stylefont-size: 24px; clickgoBack()/i方法
goBack(){let pages getCurrentPages();//函数用于获取当前页面栈的实例以数组形式按栈的顺序给出第一个元素为首页最后一个元素为当前页面var numpages.length//当前页面栈总数var backnum//需要返回的页数for(var i 0;inum;i){//循环找到指定页面路由所在的页数if(pages[i].routepages/xxx/xxx){console.log(pages[i].route,pages[i].route)//pages/xxx/xxxx你需要返回的页面路由backnumnum-i-1//计算返回的层数总数-指定页面页数-1} }console.log(backnum,backnum)uni.navigateBack({delta:backnum//返回的页面数如果 delta 大于现有页面数则返回到首页。})},安卓物理返回键监听该方法与生命周期函数同级也可以尝试放在methods里面。
onBackPress(options){//这里是监听安卓物理返回键或者侧滑左滑返回方式if(options.fromnavigateBack){return false}else if(options.frombackbutton){//物理键默认返回上一级我们在这里进行了处理this.goBack()//走我们自己的方法return true}else if(xxxx){//也可以是其他方式}}uniapp写的微信小程序
思路因为uniapp写的微信小程序用onBackPress监听不到不支持监听安卓物理返回所以换了个想法默认认为是安卓物理键或者侧滑左滑返回如果是我自己的按钮就走goBackFn的方法把androidReturn设置为true离开页面就不会执行beforeDestroy里面的方法如果是物理按钮返回那么离开页面会触发生命周期函数beforeDestroy所以在销毁页面前判断是否为物理按键返回是则调用goBack
自己写的左上角返回按钮 i classiconfont icon-zuojiantou stylefont-size: 24px; clickgoBackFn()/i data里面定义参数
androidReturn:true,//默认安卓物理键返回定义方法
goBack(){let pages getCurrentPages();//函数用于获取当前页面栈的实例以数组形式按栈的顺序给出第一个元素为首页最后一个元素为当前页面var numpages.length//当前页面栈总数var backnum//需要返回的页数for(var i 0;inum;i){//循环找到指定页面路由所在的页数if(pages[i].routepages/xxx/xxx){console.log(pages[i].route,pages[i].route)backnumnum-i-1//计算返回的层数总数-指定页面页数-1} }console.log(backnum,backnum)uni.navigateBack({delta:backnum//返回的页面数如果 delta 大于现有页面数则返回到首页。})
}生命周期钩子函数写代码可以实现微信小程序自带的左上角返回和安卓物理键侧滑左滑返回
//uniapp内置了vue所以可以用vue的生命周期
beforeDestroy() {if(this.androidReturn){console.log(物理键返回)this.goBack()}},自定义左上角安检的返回
goBackFn(){this.androidReturnfalse;this.goBack();},
