uniapp中webview支持history.back的方法
发表于:2022-02-15 13:35:11浏览:3309次
在uni-app中使用了webview之后, 由于项目完全由app内嵌h5完成, 所以无法控制app的物理返回键; 要实现这个功能,最主要的是完成应用与H5 的通讯问题。
<template>
<view></view>
</template>
<script>
export default {
data () {
return {
wv: null
}
},
onLoad() {
// #ifdef APP-PLUS
const url = '网址';
const wv = plus.webview.create("", "custom-webview", {
plusrequire: "none", //禁止远程网页使用plus的API,
'uni-app': 'none', //不加载uni-app渲染层框架
})
wv.loadURL(url);
const currentWebview = this.$scope.$getAppWebview();
currentWebview.append(wv);
this.wv = wv
// #endif
},
onBackPress() {
var _this = this;
_this.wv.canBack(function(e){
console.log(e);
if(e.canBack)
{
_this.wv.back()
}
else
{
uni.showModal({
'title':'确定要退出应用吗?',
success:function(e){
if(e.confirm)
{
plus.runtime.quit();
}
}
})
}
})
return true;
},
onNavigationBarButtonTap (e) {
uni.navigateBack()
}
}
</script>推荐文章
- 开源OA办公系统 — 勾股OA 4.96.16发布,企业办公的卓越选择
- JavaScript实现两个日期之间的工时计算,排除周末,每天工作日是8小时
- JS中三个点(...)是什么意思?其实它的真名叫“扩展运算符”
- Markdown编辑器Editor.md,实现粘贴图片上传,拖拽文件上传
- CSS @media print控制浏览器web打印样式
- ThinkPHP6使用.env配置数据库配置文件database.php的使用
- 微软推出VS Code PowerShell的重大更新 PowerShell 引擎的彻底改造
- Unicode15.0标准发布,新增鹅、姜、驴、豌豆等emoji表情
- 勾股DEV,一款专为IT行业研发团队打造的智能化项目管理与团队协作的工具软件
- ThinkPHP6接入阿里云短信实战:阿里云短信验证码登录

