300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > Android内嵌H5 安卓手机返回键点击无反应 苹果手机返回键正常情况解决方案

Android内嵌H5 安卓手机返回键点击无反应 苹果手机返回键正常情况解决方案

时间:2019-07-16 08:34:44

相关推荐

Android内嵌H5 安卓手机返回键点击无反应 苹果手机返回键正常情况解决方案

定义一个返回APP的方法函数如下:

function backForApp(delta = 1) {if (getCurrentPages().length > 1) {uni.navigateBack({delta});} else {bridge.close() //第一个页面、无法返回上一页 只能回到APP}}

接下来在你写的H5页面使用

created() {window.clickBack= (res) =>{this.$router.backForApp()}},

这样内嵌的H5页面安卓手机返回正常

补充getCurrentPages()的知识

getCurrentPages()的使用,

getCurrentPages() 函数用于获取当前页面栈的实例,以数组形式按栈的顺序给出,第一个元素为首页,最后一个元素为当前页面。 注意:

不要尝试修改页面栈,会导致路由以及页面状态错误。

不要在 App.onLaunch 的时候调用 getCurrentPages(),此时page 还没有生成。

熟悉页面栈后才能更好的使用getCurrentPages(),下面将列举几种常用的使用场景:

1、利用页面栈的长度

例如:进入小程序非默认首页时,需要提供返回首页的按钮或者执行其它事件

onShow() {

let pages = getCurrentPages(); //当前页面栈

if (pages.length == 1) {

//todo

}

},

2、跨页面赋值

let pages = getCurrentPages();//当前页面栈

let prevPage = pages[pages.length - 2];//上一页面

prevPage.setData({

//直接给上移页面赋值

});

3、页面跳转后自动刷新

//举例

wx.switchTab({

url: '../index/index',

success: function (e) {

var page = getCurrentPages().pop(); //当前页面

if (page == undefined || page == null) return;

page.onLoad(); //或者其它操作

}

})

4、获取当前页面相关信息

let pages = getCurrentPages(); //当前页面栈

//当前页面为页面栈的最后一个元素

let prevPage = pages[pages.length - 1];//当前页面

or

// pop() 方法用于删除并返回数组的最后一个元素

let prevPage = pages.pop();//当前页面

console.log( prevPage.route) //举例:输出为‘pages/index/index’

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。