mui js 返回刷新页面方法

最新推荐文章于 2023-04-15 10:24:11 发布

原创最新推荐文章于 2023-04-15 10:24:11 发布 · 8.6k 阅读

4 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#mui #js #刷新数据

App-h5-mui.js 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了使用mui.js实现返回并刷新页面的方法，包括通过监听返回事件触发页面刷新及利用plus.webview API来指定页面ID刷新。此外还提供了一个具体示例，展示了如何从一个页面跳转到另一个页面并在返回时触发数据更新。

mui js 返回刷新页面方法目前只知道以下几个

mui.plusReady(function() {
	var primaryBack = mui.back;
        mui.back = function() {
           var wobj = plus.webview.getWebviewById("这里填写跳转页面的id");   
           wobj.reload(true);
           primaryBack();
       }
})

上面是点击手机的返回或者点击mui的顶部返回按钮时用到，

var wobj = plus.webview.getWebviewById('这里填写跳转页面的id');
if(wobj!=null){
   wobj.reload(true);
}
mui.back();

上面是在请求数据过后跳转页面并刷新时用到并不需要back触发，

其实理解比较简单就是指定页面，重载，返回

下面这个方法是最近找到的，不过只能返回上一页，

优点是访问了上一页的某个方法而不是重新刷新页面，给用户体验比较好下面举个例子

页面 1.html

function getData(){
        console.log(444);
}
window.addEventListener('funcOne',function(event){
	console.log(333);
	getData()
});
mui.openWindow({
        url: '2.html',
	id: 'goback',
	//这里写的都只是例子实际编写时实际修改，
})

页面 2.html

mui.init({
	beforeback: function(){
	//获得列表界面的webview
	var list = plus.webview.getWebviewById('goback');
	//触发列表界面的自定义事件（fncOne）,从而进行数据刷新
	mui.fire(list,'fncOne');
	//返回true，继续页面关闭逻辑
	return true;
	}
});

本例是由页面1 的openwendow跳转至页面2，在页面2 back返回时触发页面1的绑定方法funcOne