mui.fire运用

最新推荐文章于 2021-06-04 04:08:51 发布

百味苦

最新推荐文章于 2021-06-04 04:08:51 发布

阅读量2.4k

点赞数

分类专栏： mui 文章标签： mui.fire运用

本文链接：https://blog.csdn.net/qq_38026437/article/details/86645661

版权

这篇博客详细介绍了如何在移动端开发中运用Mui.fire进行页面间的数据传递。作者通过一个实际场景——从A页面跳转到B页面选择商品，然后返回A页面并更新按钮值——来阐述Mui.fire的用法和参数设置。文章强调了在使用涉及到Mui的逻辑时，确保将代码置于mui.plusReady函数内的重要性。

摘要由CSDN通过智能技术生成

将项目中用到的mui.fire 分离一个demo 说一下mui.fire怎么使用和参数

我自己的需求：

在a页面有很多按钮用来选择商品数据，但是数据很多，所以就合并在b页面，

需要在a页面点击跳转到b页面，然后b页面点击商品，获取到商品的id、名字等等数据，在跳转回a页面

并且给a页面点击的按钮赋从b页面获得的值。

简化： a > b > 获得数据 > 返回a > 执行赋值

当然，这只是我自己用到的类型，还有其他需要我暂时没碰到过。

先说说a页面js

function gobhtml(pid) {
            	
       let list = {
          pid: pid,//这是需要的参数
          pageid:"addmembers",//这是当前页面的id ，也就是mui.open的时候设置id
          returnfun:"setdate"//这个是返回后执行的自定义函数的名字，
          }
          mui.openWindow({
              url: '../general/cropper.html',
              id: 'cropper',
              extras: list
          });
}


window.addEventListener("setdate", setdatefuc); //添加自定义事件，b页面调用
			
function setdatefuc(e) {
         console.log(e);
//这个e 是b页面返回的数据  ,可以直接用这些数据赋