返回上一个页面并传递参数(vue返回上一页带参数)
admin
2023-04-26 18:32:07

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

1、第一种方法

//B.vue 页面// 获取页面栈let pages = getCurrentPages()// 获取上一页栈let prevPage = 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页面传递过来的参数token this.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、天意无常顺子自然,万般皆苦唯有自渡。2、门迎百福吉星照,户纳千祥鸿运开。3、一门天赐...
长白山自助游攻略 吉林长白山游... 昨天介绍了西坡的景点详细请看链接:一个人的旅行,据说能看到长白山天池全凭运气,您的运气如何?今日介绍...
猫咪吃了塑料袋怎么办 猫咪误食... 你知道吗?塑料袋放久了会长猫哦!要说猫咪对塑料袋的喜爱程度完完全全可以媲美纸箱家里只要一有塑料袋的响...
阿西吧是什么意思 阿西吧相当于... 即使你没有受到过任何外语培训,你也懂四国语言。汉语:你好英语:Shit韩语:阿西吧(아,씨발! )日...