uniapp中webview支持history.back的方法
发表于:2022-02-15 13:35:11浏览:2770次
在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>
推荐文章
- Layui的upload模块实现多图批量上传,无需修改代码,完美解决方案
- 微软推出电脑管家,干净无广告无弹窗,是时候卸载360安全卫士和腾讯电脑管了
- 简单几行代码实现JS复制文字到剪切板的功能,兼容IE浏览器
- div设置为height:100%不起作用,无法占满整个屏幕的解决办法
- Vite 3.0 发布,下一代的前端工具链
- aliplayer播放器,TcPlayer播放器,xgplayer播放器三款大厂的视频直播播放器对比
- PHP中,如果存在继承关系,其中子类和父类都定义了构造函数__construct(),怎么处理?
- Promise的实例用法
- ThinkPHP6伪静态设置并隐藏默认模块名,如home
- 支付宝已支持给微信QQ好友转账 微信支付宝互通何时能实现?