uniapp如何实现返回上一级页面并传值刷新

在很多业务场景之下，需要返回上一级页面，并进行刷新，在uniapp中的uni.navigateBack 方法中，返回上一页是不会刷新的，更别说传值了，废话不多说直接上代码。

我们假设需要返回上一级页面的页面为当前页，点击按钮触发button事件，我们看看这个怎么写实现返回上一页并传值刷新

button() {

//this.data为要传值的数据
uni.$emit('updateData', this.data);
uni.navigateBack({
delta: 1,
});
},

上一页的代码，假设传值数据为{id:1,name:'name'}：

onShow() {
let that = this

//获取传值
           uni.$on('updateData',function(data){
               const params = 'id:'+data.id+', name:'+data.name;
               console.log('监听到事件来自 updateData ，携带参数为：' + params);
})
},

uniapp如何实现返回上一级页面并传值刷新相关推荐

微信小程序返回上一级页面并传值刷新
1 说明在很多业务场景之下,需要返回上一级页面,并进行刷新,在微信小程序中的wx.navigateBack 方法中,返回上一页是不会刷新的.如果上一页的页面加载是在onLoad方法中触发的话,那么 ...
uniapp返回上一级页面并携带参数
前言:返回上一级页面并携带参数适用的场景是从一个列表页跳到详情页,例如详情页内可以删除这条数据,返回列表页希望自动的把这个数据在列表中删除,在不刷新整个列表页的情况下删掉这个数据,这样用户体验在会更友 ...
Qt实现页面跳转与返回上一级页面（Qt+VS2019）
Qt实现页面跳转与返回上一级(Qt+VS2019) 页面跳转返回上一级页面跳转问题描述:主界面yangc.ui;需要在主界面点击按钮后进入相应子界面,在子界面点击"返回"按钮 ...
后退一步小程序_微信小程序返回上一级页面的实现代码
微信小程序返回上一级页面 wx.navigateBack({ delta: 1 //返回上一级页面}) html: 保存 js: //提交 submit(){ let data = this.data ...
微信小程序返回上一级页面时刷新页面
问题描述: 微信小程序返回上一级页面时需要重新加载一下数据问题解决: 方法一: 在需要返回的页面的onShow(){}方法中调用要刷新数据的方法方法二: goBack(){let pages = ...
微信小程序-自定义导航栏及返回上一级页面的实现
一.参考文章 1.微信小程序自定义navigationBar 2.微信小程序返回上一级页面的实现代码 3.小程序开发--常用布局二.需求在导航栏中需要显示信息的"未读数量",所 ...
小程序路由（返回上一级页面）
项目场景: 小程序路由跳转问题项目场景:点击分享链接,跳转至详情页:跳转详情页时需要判断当前用户有没有登录:没有登录跳转至登录页,登录后回到详情页(返回上一级页面) 问题描述登录后不能返回详情页 ...
h5移动端实现物理返回键关闭弹框而非返回上一级页面
需求:页面中的popup弹框,可以通过物理返回键进行关闭方案: (1)当打开弹框时,向history中添加一个空记录,并且监听history的popstate变化 (2)当弹框打开状态用户操作了返回 ...
vue返回上一页面时不刷新
前景: 在日常使用的时候,我们经常需要返回上一级页面的时候,不刷新页面,保持页面不变,这里就需要使用以下方法: 思路: 因为vue是单页面应用,进入其他页面时会销毁该页面,用keep-alive不让其 ...

uniapp如何实现返回上一级页面并传值刷新

uniapp如何实现返回上一级页面并传值刷新相关推荐

最新文章

热门文章