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%)