mui跨界面传值

最新推荐文章于 2021-02-02 20:56:25 发布

哼唧怪的嘤嘤怪

最新推荐文章于 2021-02-02 20:56:25 发布

阅读量434

点赞数

分类专栏： html 前端 mui

本文链接：https://blog.csdn.net/weixin_41623830/article/details/89081631

版权

前端同时被 3 个专栏收录

24 篇文章 1 订阅

订阅专栏

html

13 篇文章 0 订阅

订阅专栏

mui

9 篇文章 0 订阅

订阅专栏

关于跨界面传值，无非就两种。
（1）:打开一个节界面的时候从父页面传递一个值去子页面
（2）:关闭一个子页面的时候，把值传回父页面。

方法一：
父页面传至到子页面
父页面写：

window.kos.oppenAddresume = function(){  //点击新增简历
	var jianli = {jianliid:jianliid} ; //这里传了简历ID
	goTabView("addResume",jianli,{});
}

在这里插入图片描述
子页面写：

var data = JSON.parse(Base64.decode(GetRequest().data));
var jianliid = data.jianliid; //传过来的数据

在这里插入图片描述

方法二：
子页面传值父页面

子页面：

var pingjia = '想传递啥传递啥';
var openerPage = plus.webview.currentWebview().opener(); 
mui.fire(openerPage,'ziwuopingjia',{pingjia:pingjia});  //传递自我评价的内容

在这里插入图片描述
父页面：

window.addEventListener('ziwuopingjia',function(data){  //传回的数据
	$(".ziwopinjiaa").val(event.detail.pingjia); //数据
});

在这里插入图片描述

父页面打开子页面并且传值

在这里插入代码片window.kos.xiugaimingzi=function(e){ //修改用户姓名
    var yonhuname = $(".mynametext").text();
    //var yonhuname = {yonhuname:yonhuname} ; //这里传了用户姓名
    mui.openWindow({
        url:'html/xiugaimingzi.html',
        id:'html/xiugaimingzi.html',
        extras:{
            yonhuname:yonhuname
        },
        createNew:false,//是否重复创建同样id的webview，默认为false:不重复创建，直接显示
        show:{
          autoShow:true,//页面loaded事件发生后自动显示，默认为true
          aniShow:"slide-in-right",//页面显示动画，默认为”slide-in-right“；
        },
        waiting:{
          autoShow:true,//自动显示等待框，默认为true
          title:'正在加载...',//等待对话框上显示的提示内容
        }
    })
}

获取父页面穿过来的值

//mui自身的方法获取父页面传过来的
mui.init();  //这个可别忘了
mui.plusReady(function() {
    var self = plus.webview.currentWebview();  //传过来的值就在这里
   // $(".indexxianxi").val(self.yonhuname);
});

遇到个深坑上面的获取传过来的值有时候会报错请在plus ready后再调用plus api

//用这个可以解决 目前还不知道为啥报错
document.addEventListener('plusready',function () {
    var self = plus.webview.currentWebview();
    alert(self.yonhuname)
},false);