【原生小程序-调用上一页的函数或修改值】

已于 2024-03-12 09:30:45 修改
阅读量535 收藏 11
点赞数 10
分类专栏： # 小程序 文章标签： 小程序 前端 javascript
于 2024-03-11 15:44:51 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47416539/article/details/136625834
版权 
  //获取已经打开的页面的数组
   var pages = getCurrentPages();
   //获取上一个页面的所有的方法和data中的数据
   var lastpage = pages[pages.length - 2]
   lastpage.setData({
       type: 0,
    })
   //调用上一个页面中的getJobs方法
   lastpage.getJobs()
   console.log(lastpage,'lastpage')
   wx.navigateBack()
聚宝盆_
关注
  • 10
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序获取上一个页面的地址
祎祎的博客
07-23 1639
let pages = getCurrentPages(); //页面对象 let prevpage = pages[pages.length - 2]; //上一个页面对象 console.log(prevpage.route) //上一个页面路由地址 let path = prevpage.route; console.log(path, ‘path’)
微信小程序实现当前页面更新上一个页面
IT_iosers的博客
08-11 1422
)},页面2通过调用上一个页面的方法来实现上一个页面的视图更新console.log(perpage, '上一个页面的数据')// 符合条件的数据})// 符合条件的数据})},
小程序的跳转 获取上一页面的路由参数及传参 并返回跳转
最新发布
lyq1948的博客
04-26 276
【代码】小程序的跳转 获取上一页面的路由参数及传参 并返回跳转。
微信小程序如何调用上一页的方法/函数
Zz130015的博客
03-09 920
业务场景：点击某一项任务跳转到任务详情页 在详情页进行操作提交完之后返回上一页时 需将上一页数据进行刷新 请求接口 进行各种操作等。A[A.length -1]就是当前页C 而 A[A.length -2]才是列表页B。一 、 getCurrentPages() Api 微信官方Api 为获取页面栈。[A,B,C] 数组长度length为 3，C在数组里的索引是为2。步骤二 var 变量B 等于 A[ A.length - 2]；例子：假如 A为入口页 B为列表页 C为详情页。
微信小程序开发（四）：小程序的页面跳转与路由
Dominic_W的博客
03-28 1789
小程序中的路由跳转 wx.navigateTo(Object object) 1、wx.navigateTo()是最普通的一种路由跳转方法，目标页面可以是除tabbar页面外的其他页面 2、使用wx.navigateTo()跳转页面后，当前页面会保存到小程序的页面栈中;可以使用wx.navigateBack方法返回到当前页面 wx.reLaunch(Object object) 1、跳转到目标url页面 2、关闭其他所有页面 wx.switchTab(Object object) 1、wx.switchTa
微信小程序导航退回及跳转 传参（navigateBack，navigateTo）
Rziziの博客
10-25 1226
跳转传参
微信小程序云开发如何使用云函数生成二维码
10-16
在微信小程序的开发中，云开发（Tencent Cloud Base，简称TCB）提供了一种便捷的方式来托管业务逻辑，包括处理数据、实现特定功能等。在本教程中，我们将重点讨论如何利用云函数来生成二维码。二维码是一种广泛使用...
微信小程序仿抖音视频之整屏上下切换功能的实现代码
10-15
如果需要切换，调用`switchVideo`函数，传入“上”或“下”作为参数，表示切换到上一个或下一个视频。`playVideo`函数用于播放选定的视频。 总的来说，实现微信小程序仿抖音视频的整屏上下切换功能，需要结合`WXML`...
使用原生JS实现火锅点餐小程序（面向对象思想）
10-15
在本教程中，我们将探讨如何使用原生JavaScript和面向对象的思想来实现一个火锅点餐小程序。这个小程序基于ES6的开发标准，因此首先要求开发者对ES6语法有一定的了解。为了运行此程序，我们需要确保在本地服务器环境...
微信小程序封装的HTTP请求示例【附升级版】
11-28
微信小程序里自己封装了请求的函数，但几乎每个页面都要用到，所以为什么更方便的调用，再一次进行封装。 在app.js里面定义个全局对象，这样想要用到该函数，只需要在该页面的js文件里面，请求一个app实例。 废话不...
详解微信小程序框架wepy踩坑记录（与vue对比）
10-17
事件传参方面，Wepy简化了原生小程序的事件参数传递，可以直接在事件调用中传递，如`getIndex({{index}})`。而Vue通常需要通过事件对象的`event`来获取参数。 最后，数据绑定方面，Wepy沿用了小程序原生的双大括号`...
微信小程序 处理上一页面数据
weixin_48145150的博客
05-16 632
var pages = getCurrentPages(); // 当前页面 var beforePage = pages[pages.length - 2]; // 前一个页面 //返回上一个页面之前先处理一下数据或调用一下上个页面的方法 wx.navigateBack({ delta: 1, success: function() { beforePage.setData({ //修改上衣页面的参数 'formdata.page':1, ..
微信小程序返回上一级并调用方法
刘刘刘的博客
10-11 1718
微信小程序返回上一级并调用方法
微信小程序返回上一页的各种方法
热门推荐
ARLENE2的博客
03-10 1万+
微信小程序返回上一页的各种方法
微信小程序 - 返回前一个页面时，执行前一个页面的函数方（wx.navigateBack 返回后，执行上一页的某个函数方法刷新数据）回前一个页面时，执行前一个页面的函数方法。支持改变 data 数据。
王佳斌
08-05 1万+
微信小程序返回上一页后，怎么执行上一页的函数方法，返回上一页后，怎么更新 data 数据，刷新或当前页刷新，微信小程序返回上一页的各种方法实例，微信小程序中带参数返回上一页，微信小程序 - 返回上一页并刷新页面(重新执行onLoad内函数，微信小程序返回后，执行上一页函数，微信小程序返回上一个页面并调用函数，如何在返回前一个页面时，执行前一个页面的函数方法，重新执行 onLoad 内函数达到刷新数据或改变 data 上的数据，微信小程序 - 返回前一个页面时，执行前一个页面的函数方（wx.navigateB
小程序操作上一个页面中data的值
weixin_45357661的博客
10-18 831
小程序 当前页面返回上一个页面并操作上一个页面中data的值
微信小程序>页面跳转，获得上一个页面的数据信息
weixin_42043486的博客
07-20 5542
页面跳转，接受上一级页面的数据 最简单的 wxml代码 <view class='btn' bindtap='topay'>确认支付</view> 点击这个按钮跳到下一页 此页面的js代码 topay: function() { wx.navigateTo({ url: '/pages/w_wechatpay/w_wechatpay?total=...
在小程序中修改上一个页面里data中的数据调用上一个页面的方法
zjl609859169的博客
02-01 9137
//获取已经打开的页面的数组 var pages = getCurrentPages(); //获取上一个页面的所有的方法和data中的数据  var lastpage = pages[pages.length - 2] //改变上一个页面中的data中的数据  lastpage.setData({  flag: false,  })  var s = this.dat
uniapp返回上一页的函数
09-16
### 回答1： 在uni-app中，你可以使用uni.navigateBack()函数来返回上一页。这个函数的作用和原生的window.history.back()类似，但是它可以跨平台使用。 具体使用方法如下： 1. 在需要返回上一页的页面中，调用uni.navigateBack()函数即可。 2. 如果你需要返回上一页时触发一些特定的事件，可以在onUnload生命周期函数中处理，例如： ``` onUnload() { // 在页面销毁前执行一些操作 } ``` 注意：uni.navigateBack()函数只能返回到当前页面的上一页，如果需要返回到更早的页面，需要多次调用该函数。同时，如果当前页面是第一个页面，调用该函数将无效。 ### 回答2： 在Uniapp中，可以使用`uni.navigateBack()`函数来返回上一页。该函数可以通过以下步骤来使用： 1. 首先，在需要返回上一页的页面中调用`uni.navigateBack()`函数。可以在页面的某个事件触发时调用该函数，例如点击按钮时。 2. `uni.navigateBack()`函数可以接受一个可选的参数`delta`，用于指定返回的层数。默认值为1，即返回上一页。如果需要返回多层页面，则可以设置`delta`参数为一个大于1的整数。 3. 在调用`uni.navigateBack()`函数后，Uniapp会自动返回到指定层级的上一页。 以下是一个示例代码，演示如何在Uniapp中使用`uni.navigateBack()`函数返回上一页： ```javascript <template> <view> <button @click="goBack">返回上一页</button> </view> </template> <script> export default { methods: { goBack() { uni.navigateBack(); } } } </script> ``` 在上述示例中，当按钮被点击时，`goBack()`方法会调用`uni.navigateBack()`函数返回上一页。如果需要返回多层页面，可以在`uni.navigateBack()`函数中传入对应的`delta`参数。 这样，使用`uni.navigateBack()`函数就可以在Uniapp中实现返回上一页的功能了。 ### 回答3： 在uni-app中，可以通过uni.navigateBack()函数返回上一页。该函数可以接受一个参数delta，表示返回的页面层数，默认为1，即返回上一页。 具体使用方法如下： 在页面的某个事件中，例如点击按钮时，调用uni.navigateBack()函数即可返回上一页。示例代码如下： ```javascript // 在某个事件中调用返回上一页的函数 // 示例：点击按钮时返回上一页 <template> <view> <!--点击按钮触发返回上一页的函数--> <button @click="goBack">返回上一页</button> </view> </template> <script> export default { methods: { goBack() { // 使用uni.navigateBack()函数返回上一页 uni.navigateBack() } } } </script> ``` 在以上示例中，当点击按钮时，会触发goBack()函数，该函数内部调用uni.navigateBack()函数，实现了返回上一页的功能。 需要注意的是，如果在uni-app中使用uni.navigateBack()函数返回的是原生小程序的页面栈，如果当前页面为根页面，则不能再返回上一页。同时，uni.navigateBack()函数不会触发onUnload生命周期函数，需要在需要的情况下手动调用相应的生命周期函数。 希望能够帮助到你！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值