mui 子页面回传值到父页面

问题:打开子页面之后,获得一个值,需要该值传回父页面,赋值给父页面的某个input框。
此时可以使用mui 下的自定义事件mui.fire()。
注意事项:fire()方法只能在5+环境下,才可以使用。网页和微信公众号中不能使用。

官网API地址:http://dev.dcloud.net.cn/mui/event/#customevent

代码:
1、在子页面B.html中添加一个自定义事件

mui.plusReady(function() {
		mui('body').on('tap', '.city-list p', function() {
				var cityName = this.innerHTML;
				//获取父页面A.html
				var main=plus.webview.getWebviewById("A.html");
				//自定义事件,事件名为changeCity
				mui.fire(main,'changeCity',{cityName:cityName});
				//关闭子页面
				mui.back();
			})
		})

2、在父页面A.html 添加该自定义事件的监听

//监听自定义事件,用于和B.html页面进行通信
window.addEventListener("changeCity", function(e) {
	document.getElementById("city_1").innerHTML = e.detail.cityName;
});
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值