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

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

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

  //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; //可以操作自己的业务逻辑

  },

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

  //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)

  })

  },

推荐阅读

    excel怎么用乘法函数

    excel怎么用乘法函数,乘法,函数,哪个,excel乘法函数怎么用?1、首先用鼠标选中要计算的单元格。2、然后选中单元格后点击左上方工具栏的fx公

    opporeno8参数配置及价格

    opporeno8参数配置及价格,面部,亿元,Oppo的荣誉2020年1月4日,接近屏幕关闭传感器是否支持双卡:支持oppor11splus什么时候上市的Oppo R11S P

    excel中乘法函数是什么?

    excel中乘法函数是什么?,乘法,函数,什么,打开表格,在C1单元格中输入“=A1*B1”乘法公式。以此类推到多个单元。1、A1*B1=C1的Excel乘法公式

    魅蓝note6性能参数有哪些

    魅蓝note6性能参数有哪些,摄像头,蓝牙,魅蓝note6性能参数有哪些魅力蓝色Note6最好拍照。电池寿命更长。蓝色Note6使用高通 snapdragon 625

    标准差excel用什么函数?

    标准差excel用什么函数?,函数,标准,什么,在数据单元格的下方输入l标准差公式函数公式“=STDEVPA(C2:C6)”。按下回车,求出标准公差值。详细

    设置总账参数|用友u8设置总账参数

    设置总账参数|用友u8设置总账参数,,1. 用友u8设置总账参数1、首先要点开数据权限控制设置;2、选择想要设置控制的单据;3、打开后看到左上角

    csgo参数设置|csgo怎么保存

    csgo参数设置|csgo怎么保存,,csgo怎么保存第一步下载csgo的官方版本。然后再下载一个5e对战平台,PS:5e的账号和csgo的账号不是一个账号。第

    移动apn设置|移动apn设置参数

    移动apn设置|移动apn设置参数,,移动apn设置参数1、打开手机系统设置界面应用,点击页面中的“移动网络”设置选项。2、进入移动网络设置页面