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

  • 4
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值