MUI-之-页面传值中的坑与解决办法
<!--MUI-之-页面传值中的坑与解决办法-->
<!--
页面传值5种方法
1.如果页面没有被创建可以使用打开页面时的扩展参数传值过去.
A页面 ----
mui.openWindow({
url: 'detail.html',
id: 'accuracydetail',
extras:{//扩展参数
id:'我是传的值' //k-v
}
}}
B页面---
var wv = plus.webview.currentWebview();//当前页面的窗口对象
var id = wv.id;
2.如果页面被创建了,使用第一种方法传值会失效.这里讲evalJS传值(只支持string)
A页面----
var list = plus.webview.getWebviewById('页面Id');//接收参数的窗口对象
list.evalJS('getData(\''+JSON.stringify(Data)+'\')');//自定义函数getData()
B页面----
function getData(data){
console.log('收到来自A页面传递的数据:'+data);
var dataObj = JSON.parse(data);
}
3.使用自定义事件传值mui.fire('web窗口Id','事件名','数据Json')
A页面 ----
var list = plus.webview.getWebviewById('页面Id');//接收参数的页面
mui.fire('web窗口Id','事件名A','数据Json')
B页面---
document.addEventListener('事件名A', function(event) {
console.log(event.detail.数据Json里的字段)
});
4.利用缓存传参数
分为H5的localStorage、sessionStorage
和 mui api的plus.storage.setItem('键值', ObjStr)
plus.storage.getItem('键值')
5.url传参
坑:
1.webview必须触发loaded事件后,才能执行evalJS或mui.fire方法
webview.addEventListener('loaded',function () {
console.log(1221);
webview.evalJS("test()");
mui.fire(webview, 'pageShow', {});
})
2.页面被创建了后用第二种方法传值会失败(概率性很大99%)