0
点赞
收藏
分享

微信扫一扫

muiapp开发06:页面跳转

Greatiga 2022-01-25 阅读 56

技术理论分析

点击按钮跳转新页面的实现源码如下:

            // 获取按钮控件
            var btnLogin = document.getElementById('id_login');
			// 为按钮添加轻击事件
			btnLogin.addEventListener('tap', function(){
				var mainView = plus.webview.currentWebview();
				var url = 'MainPage.html';
				// 定义子页面显示位置样式
				var subPageStyle = {
					top:'0px',
					bottom:'0px'
				};
				var subView = plus.webview.create(url,url, subPageStyle);
				subView.show();
			});

代码的核心是:

  1. 获取当前webview
  2. 设置子页面显示样式
  3. 使用 plus.webview.create() 方法创建子页面
  4. 显示子页面

小白预警:上述代码是写在 mui.plusReady(function(){....}); 中;下面是官方的原话

根据底部栏切换子页面的示例,可以参见:

mui-app开发04:2小时开发自己的微信app_m1m2m3mmm的博客-CSDN博客

举报

相关推荐

0 条评论