首页 > 其他分享 >uniapp 解决使用web-view嵌套H5页面以后返回失效的问题

uniapp 解决使用web-view嵌套H5页面以后返回失效的问题

时间:2022-08-18 09:44:46浏览次数:80  
标签:uniapp false web currentWebview canBack H5 wv var 页面

<template>
  <view>
    <web-view :src="src"></web-view>
  </view>
</template>
<script>
var wv; //计划创建的webview
export default {
  data() {
    return {
      src: "",
      canBack: false,
    };
  },
  onBackPress() {
    if (wv && this.canBack) {
      wv.back();
      return true;
    }
    return false;
  },
  onReady() {
    // #ifdef APP-PLUS

    var self = this;
    var currentWebview = this.$scope.$getAppWebview(); //此对象相当于html5plus里的plus.webview.currentWebview()。在uni-app里vue页面直接使用plus.webview.currentWebview()无效,非v3编译模式使用this.$mp.page.$getAppWebview()
    setTimeout(function () {
      wv = currentWebview.children()[0];
      wv.addEventListener(
        "progressChanged",
        function (e) {
          wv.canBack(function (e) {
            self.canBack = e.canBack;
          });
        },
        false
      );
    }, 500); //如果是页面初始化调用时,需要延时一下

    // #endif
  },
};
</script>

 

标签:uniapp,false,web,currentWebview,canBack,H5,wv,var,页面
From: https://www.cnblogs.com/xiaoxiaomini/p/16597641.html

相关文章

  • Uniapp---IOS无法支付的问题
    开发好的APP,最近内部测试,在安卓端调起支付没有问题,但是在IOS端,却无法进行支付,报错:支付失败,原因requestPayment:failservicenotfound论坛上的相同问题:https://ask......
  • 怎么进行Javaweb应用的快速开发
    (1)Javaweb的开发流程:前端设计:敲定业务功能模块,完成前端网页设计。数据库设计(数据库设计是难点)保证前端可以自动运行,独立化工程。数据接口如何对接:json,对象allinone!......
  • idea 中创建 web 项目(搭配 Tomcat 使用)
    下面展示如何在IDEA中创建一个web项目,并用Tomcat服务器来启动该项目。1. 创建一个web项目创建一个空项目:File→New →Project →EmptyProject →Next......
  • 大文件上传控件webupload插件
    ​这里只写后端的代码,基本的思想就是,前端将文件分片,然后每次访问上传接口的时候,向后端传入参数:当前为第几块文件,和分片总数下面直接贴代码吧,一些难懂的我大部分都加上注......
  • javaweb Listen
    packagecom.cj.servlet;importjavax.servlet.ServletContextEvent;importjavax.servlet.ServletContextListener;importjavax.servlet.annotation.WebListener;......
  • 代码审计(Java)——WebGoat_SqlInjection
    一、SqlInjection_introduction1.这里level1-8就不说了,都是介绍+简单的sql语句,直接上level9这里可以看到,是给出了选择框的一道题,OWASP真不错,生怕你不会哈哈~......
  • 大文件断点续传插件webupload插件
    ​ 需求:支持大文件批量上传(20G)和下载,同时需要保证上传期间用户电脑不出现卡死等体验;内网百兆网络上传速度为12MB/S服务器内存占用低支持文件夹上传,文件夹中的文件数......
  • 大文件上传插件webupload插件
    ​4GB以上超大文件上传和断点续传服务器的实现随着视频网站和大数据应用的普及,特别是高清视频和4K视频应用的到来,超大文件上传已经成为了日常的基础应用需求。但是在很......
  • uniapp 获取系统信息
    uni-app提供了异步(uni.getSystemInfo)和同步(uni.getSystemInfoSync)的2个API获取系统信息。系统信息返回的内容非常多,各操作系统、各家小程序、各浏览器对它们的定义也......
  • Web_DAY2
    列表标签无序列表最常用,有序列表偶尔用,自定义列表底部导航用无序列表<h3>我承诺</h3><ul> <li>年满18岁,单身</li><li>抱着严肃的态度</li><li>真诚寻找......