首页 > 建站教程 > APP开发,混合APP >  Hbuilder MUI 页面刷新及页面传值问题正文

Hbuilder MUI 页面刷新及页面传值问题

一、页面刷新问题

1.父页面A跳转到子页面B,B页面修改数据后再跳回A页面,刷新A页面数据

(1).父页面A代码
window.addEventListener("pageflowrefresh", function (e) {
    location.reload();
});
(2).子页面B代码
var main = plus.webview.currentWebview().opener();//获取父页面A对象
var main = plus.webview.getWebviewById('A');//或者通过A页面id获取A页面对象
mui.fire(main, "pageflowrefresh" );//出发A页面的pageflowrefresh方法
mui.redirect('A','A.html');//跳转到A页面

二、页面间传值问题

1.从A页面传值到B页面(mui.fire()方式)

(1).A页面代码
var main = plus.webview.getWebviewById('B');
mui.fire(main, "pageflowrefresh",{
    id:100
})
(2).B页面代码
window.addEventListener("pageflowrefresh", function (e) {
    //获得事件参数
    var id = e.detail.id;
});
2.从A页面传值到B页面(mui.方式)

(1).A页面代码
mui.openWindow({url:'B.html',extras:{id:'100'}});
(2).B页面代码
var self=plus.webview.currentWebview();//获取当前窗体对象
var receiveID=self.id;//接收A页面传入的id参数值