uniapp 返回上一页并刷新数据【已解决】

这篇具有很好参考价值的文章主要介绍了uniapp 返回上一页并刷新数据【已解决】。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

业务逻辑:有许多页面需要判断是否登陆,没有登陆的话需要跳转到登陆页面,登陆成功后需要返回上一级并且刷新上一级页面数据。

大概效果是这样

uniapp 返回上一页并刷新数据【已解决】

下面实操

1,新建一个方法

uniapp 返回上一页并刷新数据【已解决】
function backPageRefresh(page) {
let pages = getCurrentPages(); // 当前页面        
let beforePage = pages[pages.length - 2]; // 上一页        
uni.navigateBack({
    success:function(){
        beforePage.$vm.reFresh();
        console.log("返回成功!");
    }
})
}

beforePage.$vm.reFresh();

reFresh();是监听上一个页面的方法

2,在登陆成功的时候执行该方法

uniapp 返回上一页并刷新数据【已解决】

我这里是新建了一个helper文件点出来的,你们可以把方法放到这里也可以写公共方法,小白不懂也可以问我

3,在上一级页面监听并执行对应方法

uniapp 返回上一页并刷新数据【已解决】
reFresh:function(){
                    // 执行方法刷新数据
                    this.mescroll.resetUpScroll() 
                    console.log("页面已重新加载");
                },

到这里就结束了,很简单,我们下期再见。欢迎投稿文章来源地址https://www.toymoban.com/news/detail-511158.html

到了这里,关于uniapp 返回上一页并刷新数据【已解决】的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • uniapp 之 uniapp 微信小程序项目,返回上一页,并刷新上一页的数据

    uniapp 微信小程序项目,在某个页面执行某个方法后返回上一页,并刷新上一页的数据 在用户列表页面点击新增按钮,跳转至新增用户页面,新增成功后返回用户列表页面,并在页面中刷新当前数据,要显示刚刚添加成功的那条数据 首先尝试直接用 uni.navigateTo 跳转回去,但是业务需求

    2024年02月11日
    浏览(93)
  • uniapp、小程序选择数据后携带数据返回上一页且不刷新页面

    优先推荐方法三 图示: 从新建线索页面A跳转到选择线索页面B,然后选择相应线索之后再返回新建线索页面,且原来的表单数据不能丢失 方法一:使用uni.$emit  利用这个方法可以往uni这个对象身上添加自定义事件,然后通过uni.$on方法在生命周期onShow里面去触发事件,通过触

    2024年02月15日
    浏览(42)
  • wx.navigateBack()函数返回上一页并传参

    wx.navigateBack()函数因为没有URL属性,所以不能像其他跳转路由的方式一样在url后面拼接参数,下面是官方文档给出的传参方式 官方文档给出的解释中,小程序是没办法用这个api进行传参的,但是 文档中写到:可以通过**getCurrentPages()**函数获取当前页面栈,获取到的页面栈数组

    2024年02月11日
    浏览(51)
  • uni-app -移动端H5小程序 关闭当前页,返回上一页并调用上一页的方法

    👨‍💻 作者简介:程序员半夏 , 一名全栈程序员,擅长使用各种编程语言和框架,如JavaScript、React、Node.js、Java、Python、Django、MySQL等.专注于大前端与后端的硬核干货分享,同时是一个随缘更新的UP主. 你可以在各个平台找到我! 🏆 本文收录于专栏: uniapp踩坑指南 🔥 专栏介绍

    2024年02月05日
    浏览(61)
  • vue返回上一页自动刷新方式

    再vue中,返回上一页时:如果页面是打开的状态,页面不会自动刷新,会保持着上次跳转的状态不更新; 原因:vue-router的切换不同于传统的页面切换,而是路由之间的切换,其实就是组件之间的切换,引用相同组件的时候, 会直接调用缓存而不会调用created(),mounted()函数

    2024年02月06日
    浏览(41)
  • uni-app:切换页面刷新,返回上一页刷新(onShow钩子函数的使用)

    切换页面刷新:通过onShow()便可实现 返回上一页通过uni.navigateBack({delta: 1});实现 以返回上一页刷新为例 在A页面写入方法refreshHandler() 在A页面写入onLoad(),onShow()  onLoad(): 首次进入页面时执行的方法,这里直接引入refreshHandler() 可以直接查询到页面数据 onShow(): 进入页面执行

    2024年02月15日
    浏览(65)
  • uniapp返回上一页执行上一页方法

    在使用uniapp的过程中,我相信,我们都一定遇见过如下的场景: 进入了一个列表页,列表页进入详情页,在详情页进行了一些操作,比如,删除,修改,编辑,提交,成功之后返回到列表页,那么这个时候,如果我们的列表页不进行数据的刷新,就会给用户一种错觉,我刚才

    2024年02月16日
    浏览(38)
  • uniapp微信小程序 页面返回使用navigateBack,返回后页面不刷新问题解决方案

    尝试了众多方法,比如vuex,本地缓存,都不行 1,如果是页面之间的跳转 可以使用onShow生命周期请求数据 2,组件之间的跳转,使用redirectTo,通过关闭当前页面,跳转到指定页面再加载,这种适合二级页面到三级页面数据不更新问题 3,当一级页面使用了某个组件,组件内跳转

    2024年02月15日
    浏览(59)
  • 解决:element-ui分页器在将最后一页列表数据删完时,页面不刷新到最新数据

    一、问题: 在用element-ui分页器的时候,我将最后一页列表数据删完了,但是页面没刷新到最新数据。正常情况是,我删完最后一页数据后,分页器停留在上一页,并刷新列表数据,以下是删完后的页面展现 网络返回的数据说明 :(pageNo:当前页 pageSize:当前页展示的条数

    2024年02月20日
    浏览(42)
  • uniapp 返回上一步携带参数

    1. 下一步   (this.formList  是需要传给上一步的值) 2. 返回上一步, 携带参数

    2024年02月07日
    浏览(43)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包