雅安论坛

标题: mui页面间传值 [打印本页]

作者: 匿名    时间: 2023-1-6 20:10
标题: mui页面间传值
在App开发中,页面间传值是很常见的开发需求,mui框架根据业务场景不同,提供了两种传值模式。
1、页面初始化时,通过扩展参数传值;
mui在初始化页面时,提供了extras配置参数,通过该参数可以设置页面参数,从而实现页面间传值;
mui框架在如下几种场景下,会执行页面初始化操作:
通过mui.openWindow()打开新页面(若目标页面为已预加载成功的页面,则在openWindow方法中传递的 extras参数无效);
通过mui.init()方法创建子页面;
通过mui.init()方法预加载页面;
通过mui.preload()方法预加载页面
示例,假设我们有如下需求:
在首页中打开关于页面时,传递当前产品名称及版本号,然后在关于页面中读取这两个参数并显示出来;

mui的打开页面的方法:

  1. mui.openWindow({  
  2.     url:'info.html',  
  3.     id:'info.html',  
  4.     extras:{  
  5.         name:'www',  
  6.         version:'1.1'  
  7.     }  
  8. });
复制代码
页面接收

  1. mui.plusReady(function () {
  2.           var self = plus.webview.currentWebview();  
  3.         var name = self.name;  
  4.         var version = self.version;
  5.         //此时name=www,version = 1.1
  6. })

复制代码







欢迎光临 雅安论坛 (https://www.yaanbbs.net/) Powered by Discuz! X3.4