国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

uniapp的webview實(shí)現(xiàn)左滑返回上一個(gè)頁(yè)面

這篇具有很好參考價(jià)值的文章主要介紹了uniapp的webview實(shí)現(xiàn)左滑返回上一個(gè)頁(yè)面。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請(qǐng)大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問(wèn)。

uniapp默認(rèn)左滑是關(guān)閉整個(gè)webview,而不是關(guān)閉當(dāng)前頁(yè) 實(shí)現(xiàn)思路:攔截webview的url跳轉(zhuǎn)操作,將新url用webview組件重新打開(kāi),當(dāng)左滑的時(shí)候,默認(rèn)關(guān)閉的就是當(dāng)前webview,繼而跳轉(zhuǎn)到上一次的頁(yè)面中

<template>
	<view>
		<web-view :src="weburl" :update-title="false" :webview-styles="webviewStyles">
		</web-view>
	</view>
</template>
 
<script>
	export default {
		data() {
			return {
				// 進(jìn)度條
				webviewStyles: {
					progress: {
						color: '#FF3333'
					}
				},
				weburl: ""
			};
		},
		onLoad(option) {
			console.log("接收到的url參數(shù)是:", option.weburl); //打印出上個(gè)頁(yè)面?zhèn)鬟f的參數(shù)。
			this.weburl = option.weburl
		},
		onReady() {
			var pages = getCurrentPages();
			var page = pages[pages.length - 1];
			var currentWebview = page.$getAppWebview();
			var url = currentWebview.children()[0].getURL();
			console.log('=== url ===', url);
			var wv = currentWebview.children()[0];
			wv.overrideUrlLoading({
				mode: 'reject',
				match: '.*'
			}, function(e) {
				console.log('reject url: ' + e.url);
				uni.navigateTo({
					url: `/pages/webbox/webbox?weburl=${e.url}`
				})
			});
		},
		onBackPress(e) {
			let pages = getCurrentPages()
			let page = pages[pages.length - 1];
			let currentPages = page.$getAppWebview()
			currentPages.close()
			return false
		},
		onNavigationBarButtonTap() {
			console.log("點(diǎn)擊了標(biāo)題欄按鈕")
			uni.$emit("showMenu")
		},
		methods: {}
	}
</script>
 
<style lang="scss">
 
</style>

文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-736236.html

到了這里,關(guān)于uniapp的webview實(shí)現(xiàn)左滑返回上一個(gè)頁(yè)面的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來(lái)自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場(chǎng)。本站僅提供信息存儲(chǔ)空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請(qǐng)注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • uni-app 返回上一個(gè)頁(yè)面并傳遞參數(shù)(微信小程序)

    uni-app 返回上一個(gè)頁(yè)面并傳遞參數(shù)(微信小程序)

    方法一 問(wèn)題: 會(huì)記住每次返回. 并在下次獲取參數(shù)時(shí)把所有的返回監(jiān)聽(tīng)進(jìn)行 全部返回 ( 不確定別人使用時(shí)是否會(huì)出現(xiàn)此問(wèn)題 ) 打印示例結(jié)果如下: 打印說(shuō)明: 獲取用戶信息1: 為每次進(jìn)入第二個(gè)頁(yè)面 (onload) 請(qǐng)求的數(shù)據(jù) 監(jiān)聽(tīng)到事件來(lái)自返回的參數(shù): 為第一個(gè)頁(yè)面監(jiān)聽(tīng)獲取的數(shù)據(jù) 方

    2024年02月09日
    瀏覽(28)
  • uni-app 實(shí)現(xiàn)navigateBack返回修改前一頁(yè)面數(shù)據(jù)(H5、APP、小程序)

    uni-app 實(shí)現(xiàn)navigateBack返回修改前一頁(yè)面數(shù)據(jù)(H5、APP、小程序)

    先自我介紹一下,小編浙江大學(xué)畢業(yè),去過(guò)華為、字節(jié)跳動(dòng)等大廠,目前阿里P7 深知大多數(shù)程序員,想要提升技能,往往是自己摸索成長(zhǎng),但自己不成體系的自學(xué)效果低效又漫長(zhǎng),而且極易碰到天花板技術(shù)停滯不前! 因此收集整理了一份《2024年最新Web前端全套學(xué)習(xí)資料》,

    2024年04月29日
    瀏覽(22)
  • uniapp小程序路由跳轉(zhuǎn),使用uni.navigateBack方法,實(shí)現(xiàn)頁(yè)面返回上一頁(yè)

    在小程序中uni.navigateTo和uni.redirectTo是通過(guò)路由拼接的方式傳參 uni.navigateBack() 是一個(gè)用于在uni-app中進(jìn)行頁(yè)面后退操作的API。它可以讓你返回到上一個(gè)頁(yè)面。在給定的示例中,uni.navigateBack() 被調(diào)用并傳入了一個(gè)對(duì)象作為參數(shù)。該對(duì)象具有一個(gè)屬性 delta,用于指定要后退的頁(yè)面

    2024年04月28日
    瀏覽(23)
  • Uni-app返回上一頁(yè)面并攜帶參數(shù)

    目錄 一、前言 二、實(shí)現(xiàn)方法 三、遇到的坑 四、事件詳解 一、前言 ????????需要實(shí)現(xiàn)這么一個(gè)需求:在一個(gè)列表頁(yè)面,當(dāng)子頁(yè)面直接返回時(shí),不刷新列表頁(yè)面。但是當(dāng)子頁(yè)面的數(shù)據(jù)有變動(dòng)時(shí),需要刷新列表頁(yè)面。本篇博客記錄一下我是如何解決這個(gè)問(wèn)題的。 ???????

    2024年02月08日
    瀏覽(22)
  • uni-app 如何返回到指定的頁(yè)面

    實(shí)際開(kāi)發(fā)中,發(fā)現(xiàn)了一個(gè)問(wèn)題,即使簽署合同的時(shí)候,發(fā)現(xiàn)調(diào)用法大大的頁(yè)面,出現(xiàn)了一個(gè)問(wèn)題,就是簽署后,點(diǎn)回退,回退到了重新簽署的頁(yè)面。所以需要對(duì)回退進(jìn)行自定義處理。 處理的話,就要到指定的返回頁(yè)面。這里還存在不簽署的情況,回退要是原來(lái)的頁(yè)面。所以要

    2024年01月18日
    瀏覽(20)
  • uni-app: onBackPress() 監(jiān)聽(tīng)頁(yè)面返回 - 更新數(shù)據(jù)

    生命周期 - onBackPress() 監(jiān)聽(tīng)頁(yè)面返回 函數(shù)名 說(shuō)明 平臺(tái)差異說(shuō)明 onBackPress 監(jiān)聽(tīng)頁(yè)面返回 ,返回 event = {from:backbutton、 navigateBack} ,backbutton 表示來(lái)源是左上角返回按鈕或 android 返回鍵;navigateBack表示來(lái)源是 uni.navigateBack ;詳細(xì)說(shuō)明及使用:onBackPress 詳解。支付寶小程序只有真機(jī)

    2024年02月11日
    瀏覽(22)
  • uni-app中監(jiān)聽(tīng)網(wǎng)絡(luò)狀態(tài),并在嵌入webView頁(yè)面的組件中添加網(wǎng)絡(luò)監(jiān)測(cè)

    uni-app中監(jiān)聽(tīng)網(wǎng)絡(luò)狀態(tài),并在嵌入webView頁(yè)面的組件中添加網(wǎng)絡(luò)監(jiān)測(cè)

    下載插件 打開(kāi)網(wǎng)絡(luò)異常組件頁(yè)面,點(diǎn)擊\\\"下載插件并導(dǎo)入HBuilderX\\\"按鈕,打開(kāi)HBuilderX軟件后,選擇需要導(dǎo)入插件的項(xiàng)目,點(diǎn)擊“確定即可”。 使用插件 pages/network/index頁(yè)面,仿照微信。 效果展示 修改網(wǎng)絡(luò)監(jiān)測(cè)組件mz-network-error 當(dāng)網(wǎng)絡(luò)狀態(tài)發(fā)生變化時(shí)emit相關(guān)事件 修改組件調(diào)用

    2024年02月12日
    瀏覽(40)
  • uniapp實(shí)現(xiàn)頁(yè)面左滑右滑切換內(nèi)容

    uniapp實(shí)現(xiàn)頁(yè)面左滑右滑切換內(nèi)容

    uniapp + uview:使用uniapp的swiper和uview的tabs標(biāo)簽組合實(shí)現(xiàn) Tabs 標(biāo)簽 | uview-plus 3.0 - 全面兼容nvue的uni-app生態(tài)框架 - uni-app UI框架 ```vue template ?? ?view class=\\\"main\\\" ?? ??? ?view class=\\\"\\\" ?? ??? ??? ?u-tabs :list=\\\"state.list\\\" :current=\\\'state.current\\\' @click=\\\"clickTab\\\"/u-tabs ?? ??? ?/view ?? ??? ?

    2024年01月23日
    瀏覽(24)
  • uni-app - App 平臺(tái)內(nèi)嵌網(wǎng)頁(yè)物理手機(jī)自帶返回鍵失效解決方案(內(nèi)嵌的 webview 網(wǎng)頁(yè) H5 打包后手機(jī)物理返回鍵無(wú)效直接退出應(yīng)用了)

    uni-app - App 平臺(tái)內(nèi)嵌網(wǎng)頁(yè)物理手機(jī)自帶返回鍵失效解決方案(內(nèi)嵌的 webview 網(wǎng)頁(yè) H5 打包后手機(jī)物理返回鍵無(wú)效直接退出應(yīng)用了)

    當(dāng)您需要打包 App(*.apk) 平臺(tái)時(shí),發(fā)現(xiàn)內(nèi)嵌的 H5 頁(yè)面雖然可以正常顯示與運(yùn)行,但是手機(jī)的物理返回鍵卻無(wú)法使用,當(dāng)點(diǎn)擊手機(jī)物理返回按鍵(或手勢(shì))時(shí),直接顯示 “再按一次退出應(yīng)用”,而 并非返回上一個(gè)\\\"網(wǎng)頁(yè)\\\"。 出現(xiàn)這種情況的原因是, 內(nèi)嵌的網(wǎng)頁(yè)與您的 App “毫無(wú)

    2024年02月09日
    瀏覽(111)
  • uniapp 之 uniapp app 與uniapp H5的通信 webview,以及處理H5頁(yè)面的手機(jī)物理返回問(wèn)題

    uniapp 之 uniapp app 與uniapp H5的通信 webview,以及處理H5頁(yè)面的手機(jī)物理返回問(wèn)題

    APP端: 引用 web-view ? ? app給H5傳參:通過(guò)h5地址傳參 這個(gè)方法簡(jiǎn)單,就是直接通過(guò)src 地址后面通過(guò) ? 拼接參數(shù) app端 h5端通過(guò)uniapp生命周期函數(shù) onLoad 接收參數(shù) ? ? app給H5傳參:通過(guò)方法 evalJS 傳參 H5給app傳參:通過(guò) web-view 組件的 @message 綁定的方法 處理H5頁(yè)面的手機(jī)物理返

    2024年01月16日
    瀏覽(29)

覺(jué)得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請(qǐng)作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包