MUI-页面之间传值（打开新的子页面）

Posted 2022-04-25 时光-ing

方法一：通过openWindow
index.html

<button type="button" class="mui-btn mui-btn-blue" id="openwindow">按钮</button>
<script type="text/javascript">
	var openwindow = document.getElementById("openwindow");
	openwindow.addEventListener("tap",function()
		mui.openWindow(
			url:"new_file.html",
			id:"new_file.html",
			extras:
				username:"爱发脾气的小老虎",
				password:"123456",
			
		)
	)
</script>

index2,html

<script type="text/javascript">
	mui.init()
</script>
<script>
	mui.plusReady(function()
		// 获取当前的窗口对象下的username值
		var currentwindow = plus.webview.currentWebview();
		alert(currentwindow.username);
		alert(currentwindow.password);
	)
</script>

方法二：通过自定义事件
index.html

<button type="button" class="mui-btn mui-btn-blue" id="open2">自定义事件</button>
<script>
	var file = document.getElementById("open2");
	open2.addEventListener("tap",function()
		// 指明要打开的窗口
		mui.openWindow(
			url:"new_file2.html",
			id:"new_file2.html",
		)
		var targetwebview = plus.webview.getWebviewById("new_file2.html");
		// 需要传值的目标webview，自定义事件名称,json格式的数据
		mui.fire(targetwebview,"getname",username:"list");
	)
</script>

new_file2.html

<script type="text/javascript">
	mui.init()
</script>
<script>
	window.addEventListener("getname",function(e)
		alert(e.detail.username)
	)
</script>