vue返回上一页带参数返回上一个页面并传递参数vue带参数跳转到一个页面




vue返回上一页带参数返回上一个页面并传递参数vue带参数跳转到一个页面

2022-07-21 2:27:14 网络知识 官方管理员

需求:从A.vue页面跳转到B页面,从B页面uni.navigateBack返回到A,并传递参数

1、第一种方法

//B.vue页面//获取页面栈letpages=getCurrentPages()//获取上一页栈letprevPage=pages[pages.length-2]//****触发上一页的upData函数(并携带参数)prevPage.$vm.upData(this.token);//把token传递过去//返回上一页uni.navigateBack({delta:1//返回的页面数,如果delta大于现有页面数,则返回到首页});//返回

getCurrentPages()函数用于获取当前页面栈的实例,以数组形式按栈的顺序给出,第一个元素为首页,最后一个元素为当前页面。

注意:getCurrentPages()仅用于展示页面栈的情况,请勿修改页面栈,以免造成页面状态错误。

官网介绍页面和窗体链接:https://uniapp.dcloud.io/api/window/window

//A.vue页面//***会触发A页面中的upData方法upData:function(msg){console.log(msg);//msg是从B页面传递过来的参数tokenthis.token=msg;//可以操作自己的业务逻辑},

2、使用uni.$emit()传值和uni.$on()接收

uni-app官网介绍链接:https://uniapp.dcloud.io/api/window/communication

//B页面uni.$emit('update',{msg:this.token,title:'is芳芳呀'})uni.navigateBack({delta:1});
//A页面//注意接收的要写在onShow()里面。写在onload是不会执行的。onShow(){uni.$on('update',function(e){console.log('监听到事件来自update,携带参数msg为:'+e.msg)})},

vue返回上一页带参数(返回上一个页面并传递参数)(1)

发表评论:

最近发表
网站分类
标签列表