MUI+Hbuilder之列表页到详情页面（四）

Posted 2023-04-19

参考技术A 常见的列表页面跳转至某个详情页面的操作。
基于vue.js
列表页：listview.html:

详情页：detail.html

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

文章来源：http://www.111cn.net/sys/CentOS/67213.htm

一、页面刷新问题

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页面代码 www.bcty365.com

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参数值