uniapp中webview支持history.back的方法
发表于:2022-02-15 13:35:11浏览:2296次
在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>
推荐文章
- CSS 选择器::is(), :where(), 和:has()伪元素的运用
- 微信H5版使用php Ffmpeg将微信录音amr转mp3
- Windows Terminal Preview 1.15 发布
- 谷歌发布Flutter 3,增加对macOS和Linux 应用的支持
- 82个常规的前端JavaScript方法封装(61~70)
- JavaScript 比较变量相等的奇怪现象 记录一下
- PHP8出来也已经有一段时间了 说说PHP8的新特性
- 分享十个免费优质音频素材网站
- ThinkPHP6伪静态设置并隐藏默认模块名,如home
- 开源OA办公系统 — 勾股OA 5.6.8 新春版发布,企业办公的卓越选择