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

慕斯-ing

已于 2022-09-09 14:20:12 修改

阅读量1.1k

点赞数 1

分类专栏： MUI 文章标签：学习经验分享前端

于 2022-04-23 08:43:48 首次发布

本文链接：https://blog.csdn.net/blbyu/article/details/124358762

版权

MUI 专栏收录该内容

26 篇文章 20 订阅

订阅专栏

方法一：通过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>