ToB企服应用市场:ToB评测及商务社交产业平台

标题: uniapp的APP中利用webview的返回的标题 [打印本页]

---

作者: 天津储鑫盛钢材现货供应商    时间: 2024-12-1 18:31
标题: uniapp的APP中利用webview的返回的标题
在利用uniapp开辟APP中很多时间利用webview内嵌网页，
在网页中点击多次跳转后，想点击上方的返回按钮返APP的上一页或上几页的实现方法：

1. <template>
2.         <view>
3.                 <web-view v-if="newurl" :src="newurl" ></web-view>
4.         </view>
5. </template>
7. <script>
8.         export default {
9.                 data() {
10.                         return {
11.                                 newurl:''
12.                         }
13.                 },
14.                 onBackPress(e) {//响应返回事件
15.                         if (e.from === 'navigateBack') {  //这个地方必须要有的，否则会死循环
16.                                 return false;  
17.                         }
18.                         console.log('点击返回....');
19.                         let pages = getCurrentPages()
20.                         let page = pages[pages.length - 1];
21.                         let currentPages = page.$getAppWebview()
22.                         currentPages.close()
23.                         uni.navigateBack({delta:2})
24.                         return true;
25.                 },
26.                 onShow() {
27.                 },
28.                 onLoad(opts) {
29.                         this.newurl = "https://www.xxx.com/index'
30.                 },
31.                 methods: {}
32.         }
33. </script>
34. <style>
35.         page{
36.                 background-color: #FFF;
37.         }
38. </style>

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。

---

欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/)

Powered by Discuz! X3.4