您现在的位置是:首页 > 唯美句子

uniapp实现webview页面关闭功能

作者:焦糖时间:2024-03-27 11:45:37分类:唯美句子

简介  文章浏览阅读1.7k次。uniapp实现webview页面关闭功能_uniapp销毁web-view

点击全文阅读

实现思路:

1.关闭按钮是使用原生button添加的close属性。(见page.json页面)

2.监听关闭按钮的方法。(onNavigationBarButtonTap)

3.写实现关闭webview所有页面的逻辑。

废话不多说,直接上代码

1.page.json添加关闭按钮

2.webview页面实现关闭逻辑

实现代码:

<template><view v-if="params.url"><web-view :webview-styles="webviewStyles" :src="`${params.url}`"></web-view></view></template><script>export default {data() {return {params: {url: "https://www.hgjt.com/"},webviewStyles: {progress: {color: "#027AFF"}}}},props: {src: {type: [String],default: null}},onLoad(event) {},onBackPress(event) {console.log(event, 'event')},onNavigationBarButtonTap(e) {if (e.type == 'close') {let pages = getCurrentPages()let page = pages[pages.length - 1];let currentPages = page.$getAppWebview()let children = currentPages.children()if (children.length === 0) {uni.navigateBack()} else {children[0].close()setTimeout(() => {uni.navigateBack()}, 80)}return true;}}}</script>

点击全文阅读

郑重声明:

本站所有活动均为互联网所得,如有侵权请联系本站删除处理

上一篇:北京慕田峪导游词

下一篇:返回列表

我来说两句