MUI前端框架，MUI返回上一页并刷新

前言

MUI前端框架文档：https://dev.dcloud.net.cn/mui/ui/

一、引入库

示例：

<script src="js/mui.min.js"></script>

二、使用步骤

1.父界面index.html

代码如下（示例）：

<script>
		/* window.addEventListener('refresh', function(e) {
			//触发后在此发起数据请求，完成数据刷新
			mui.alert('刷新')
			location.reload();
		}); */

		function refresh() {
			mui.alert("刷新");
			location.reload();
		}

		mui('ul').on('tap', 'li', function() {
			mui.alert('我是A界面');
			mui.openWindow({
				url: 'view/b.html',
				id: 'b'
			})
		});
	</script&gt;

2.子界面b.html

代码如下（示例）：

<script&gt;
		/* mui.plusReady(function() {
			var list = plus.webview.getWebviewById('a');
			if (list != null) {
				list.evalJS('refresh()');
			}
			mui.fire(list, 'refresh()');
		}); */

		mui.plusReady(function() {
			mui.init({
				beforeback: function() {
					//获得列表界面的webview
					//var i = plus.webview.getWebviewById("a");
					var i = plus.webview.currentWebview().opener();
					if (i) {
						//触发列表界面的自定义事件(refresh),从而进行数据刷新
						i.evalJS("refresh()");
					}
					return true;
				}

			});
		});

		mui('.mui-table-view').on('tap', 'li', function() {
			alert('我是B界面');
			//window.location.href = "www.baidu.com"
			mui.back();
		});
	</script&gt;

总结

以上就是今天要讲的内容，本文仅仅简单介绍了MUI返回上一页并刷新的使用。

代码007普通

打赏 收藏 海报 链接