Comment utiliser mui back pour revenir actualiser la page-js tutoriel-php.cn

Maison

interface Web

js tutoriel

Comment utiliser mui back pour revenir actualiser la page

Jun 22, 2018 pm 02:30 PM

mui 刷新 retour 页面

L'éditeur ci-dessous partagera avec vous un exemple de retour de mui pour actualiser la page. Il a une bonne valeur de référence et j'espère qu'il sera utile à tout le monde. Venez jeter un œil avec l'éditeur

Simulation 2 pages

1.html >

&lt;!DOCTYPE html&gt;
&lt;html&gt;
	&lt;head&gt;
		&lt;meta charset=&quot;UTF-8&quot;&gt;
		&lt;title&gt;&lt;/title&gt;
		&lt;link href=&quot;../../css/mui.min.css&quot; rel=&quot;external nofollow&quot; rel=&quot;external nofollow&quot; rel=&quot;stylesheet&quot; /&gt;
		&lt;script src=&quot;../../../js/mui.min.js&quot;&gt;&lt;/script&gt;
	&lt;/head&gt;
	&lt;body&gt;
		
		&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot;&gt;
			mui.init()
			mui.plusReady(function(){
				alert(&#39;1&#39;)
//				var self=plus.webview.currentWebview();
//				console.log(JSON.stringify(self))  
				mui(&quot;body&quot;).on(&quot;tap&quot;,&quot;.a&quot;,function(){
					 mui.openWindow({
					  url:&quot;2.html&quot;,
					  id:&quot;a2&quot;,
					 })
				})
			});
		&lt;/script&gt;
		
		&lt;a href=&quot;javascript:void(0)&quot; rel=&quot;external nofollow&quot; rel=&quot;external nofollow&quot; class=&quot;a&quot;&gt;跳到a2&lt;/a&gt;
	&lt;/body&gt; 
&lt;/html&gt;

Copier après la connexion

2.html

&lt;!DOCTYPE html&gt;
&lt;html&gt;
	&lt;head&gt;
		&lt;meta charset=&quot;UTF-8&quot;&gt;
		&lt;title&gt;&lt;/title&gt;
		&lt;link href=&quot;../../css/mui.min.css&quot; rel=&quot;external nofollow&quot; rel=&quot;external nofollow&quot; rel=&quot;stylesheet&quot; /&gt;
		&lt;script src=&quot;../../../js/mui.min.js&quot;&gt;&lt;/script&gt;
	&lt;/head&gt;
	&lt;body&gt;
		
		&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot;&gt;
			mui.init()
			mui.plusReady(function(){
//				var self=plus.webview.currentWebview();
//				console.log(JSON.stringify(self)) 
				var old_back = mui.back;
				mui.back = function() {
					var wobj = plus.webview.getWebviewById(&quot;HBuilder&quot;);//注意 HBuilder 是  1.html 的 ID 你如果1.html 有ID  要替换掉HBuilder，
					wobj.reload(true);
					old_back()
				}	
			});
		&lt;/script&gt;
		
		&lt;a href=&quot;javascript:void(0)&quot; rel=&quot;external nofollow&quot; rel=&quot;external nofollow&quot; class=&quot;mui-action-back mui-icon mui-icon-left-nav mui-pull-left&quot;&gt;返回刷新&lt;/a&gt;
	&lt;/body&gt;
&lt;/html&gt;

Copier après la connexion

Ce qui précède est ce que j'ai compilé pour tout le monde, j'espère qu'il sera utile pour. tout le monde dans le futur.

Articles associés :

À propos de la configuration de la structure des dossiers dans vue

Comment configurer le proxy d'interface à l'aide de vue-cli

Comment utiliser le format de données de formulaire pour transférer des fichiers dans NodeJs

Comment implémenter le chargement paresseux d'images dans le mini programme WeChat

Comment obtenir un effet de carte de focus en utilisant js

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn