问题:打开子页面之后,获得一个值,需要该值传回父页面,赋值给父页面的某个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;
});