apicloud openFrame实现参数的传递与回传到上一页——基础提升

apicloud openFrame实现参数的传递与回传到上一页

今天在写apicloud的程序时，遇到一个需求，就是要将A页面的参数传递到B页面，B页面进行一系列的操作后，再将数据传递给A页面。

下面将详细介绍一下这个功能的实现：

1.将A页面的传递到B页面

api.openFrame({
    name: 'relationPartNoReview',
    url: './relationPartNoReview.html',
    rect: {
        x:0,
        y:0,
        w:'auto',
        h:'auto'
    },
    reload:true,
    animation:{
        type:"none",
        duration:1  
    },
    pageParam: {
        partNo: this.partNo
    }
});

上面代码中的pageParam对象中的partNo就是要传递给B页面的参数。

2.B页面接收A页面传递的参数

 apiready = function () {
      var pageParam = api.pageParam;
      var vm = new Vue({
		el:'#xxx',
		data(){
			return{
				partNo:pageParam.partNo
			}
		}
	})
 }

3.B页面传递参数给A页面

此时可以用到sendEvent和addEventListener来处理。

B页面的写法：

api.sendEvent({
	name:'refreshCheck',
	extra:{
		id:this.xxx.id
	}
})

A页面的写法：

api.addEventListener({
	name:'refreshCheck',
},function(ret,err){
	if(ret.value&&ret.value.id){
		//接收到B页面传递过来的数据后的处理操作
	}
})

完成！！！多多积累，多多收获！！！