微信小程序 返回上一页并传参

最新推荐文章于 2024-07-25 17:47:02 发布
最新推荐文章于 2024-07-25 17:47:02 发布
阅读量2.2w 收藏 15
点赞数 8
分类专栏： 微信 小程序 文章标签： navigateBack getCurrentPages 返回上一页并传参 微信小程序 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yechaoa/article/details/82182332
版权 
     itemClick: function(e) {
          let pages = getCurrentPages();
          let prevPage = pages[pages.length - 2];
          prevPage.setData({
               message: e.currentTarget.dataset.msg,
          })
          wx.navigateBack({
               delta: 1,
          })
     },
  • getCurrentPages() 函数用于获取当前页面栈的实例，以数组形式按栈的顺序给出
  • pages[pages.length - 2] 是上一页，-1是当前页
  • 然后直接调用上一页的setData方法
  • message 是上一页定义的变量，e.currentTarget.dataset.msg为当前页要传的数据
  • 然后调用wx.navigateBack返回，delta表示返回的页数，如果delta大于现有页面数，则返回到首页。

微信小程序 关闭当前页面


yechaoa
关注
专栏目录
微信小程序 带参数返回上一页
eva_feng的博客
03-24 479
开始碰到这个问题是在订单页中的地址显示问题，新增地址要把地址传回去展示。开始不知道如何操作，网上查到了相关方法，在此简单做个记录。 订单页wxml <view class="address-box" wx:if="{{!hasAddress}}"> <!-- 没有地址时显示新增地址，有地址时选择地址或者去修改地址 --> <view class="go...
微信小程序返回上一页传参并刷新
厦门在乎科技
07-21 462
问题 　　微信小程序onLoad(options)方法在整个生命周期中只加载一次，也就是你进入下个页面，再返回时，是不会再次触发的,所以你返回是url传参是行不通了。 需求 　　现在有这么一个需求：一个商品支付页面，点击优惠卷进入优惠券列表页，选中优惠券后带着数据再返回到支付页面。 方法 　　一、使用到的方法是小程序的页面栈，感兴趣可以打印一下pages的内容，就是你页面跳转的轨迹数组，最后一项就是当前页面，倒数第二个就是上一页。很好理解，因为在当前页停止了，肯定是最后一个 //获取页面栈
微信小程序自定义头部导航以及返回上一页
weixin_63954739的博客
09-16 1185
如图简单的一个返回上一级和中间文本，首先是他的wxml。
微信小程序提交数据后返回上一页并且刷新数据实现
最新发布
coderMrcc的博客
07-25 1185
微信小程序提交数据后返回上一页并且刷新数据
微信小程序返回上一层传参
Cicada的博客
08-30 472
微信小程序返回上一层传参 获取当前页面栈。数组中第一个元素为首页，最后一个元素为当前页面。
微信小程序：返回上页传参
weixin_46899191的博客
12-30 200
1，本页 // index.wxml <view>{{value}}</view> <view>----------------------------</view> <button type="primary" bindtap="goNextPageClick">点击</button> // index.js Page({ data: { value:'' }, goNextPageClick(){ wx.
微信小程序 返回上一页传值
xniYa的博客
05-23 813
微信小程序 返回上一页传值
微信小程序返回上一页传参并刷新过程解析
10-15
针对这个需求，本文将详细解析微信小程序中返回上一页传参并刷新的过程。 首先，我们要明确的是，微信小程序的每个页面生命周期方法中，`onLoad(options)` 只会在首次加载页面时执行一次。这意味着当你从一个页面...
微信小程序 页面跳转传参详解
09-01
本文将深入解析微信小程序中如何实现页面跳转并传递参数。 首先，我们来看一下示例代码中的结构。在`<view>`组件中，有两个模板（`<template>`）：`buttonList`和`newList`。`buttonList`用于展示功能按钮，而`new...
微信小程序如何返回上一页传参并刷新
厦门在乎科技
07-05 769
问题 　　微信小程序onLoad(options)方法在整个生命周期中只加载一次，也就是你进入下个页面，再返回时，是不会再次触发的,所以你返回是url传参是行不通了。 需求 　　现在有这么一个需求：一个商品支付页面，点击优惠卷进入优惠券列表页，选中优惠券后带着数据再返回到支付页面。 方法 　　一、使用到的方法是小程序的页面栈，感兴趣可以打印一下pages的内容，就是你页面跳转的轨迹数组，最后一项就是当前页面，倒数第二个就是上一页。很好理解，因为在当前页停止了，肯定是最后一个 //获取页面栈
微信小程序返回上一页的方法并传参
chenjingshen1214的博客
11-07 1224
这个有点像子-->父传值 第一步，在子页面点击上一步或者保存数据请求成功以后添加如下代码、 var pages = getCurrentPages(); var prevPage = pages[pages.length - 2]; //上一个页面 //直接调用上一个页面的setData()方法，把数据存到上一个页面中去 prevPage.setData({ ...
小程序--返回上一页（上上个页面）
Jacky_zou的专栏
12-12 5632
let pages = getCurrentPages(); //获取当前页面js里面的pages里的所有信息。 let prevPage = pages[pages.length - 2]; //prevPage 是获取上一个页面的js里面的pages的所有信息。 -2 是上一个页面，-3是上上个页面以此类推。 prevPage.setData({ // 将我们想要传递的参数在这里直接se...
微信小程序返回上一页并传递参数
清音的博客
10-31 1769
需要传参的页面 let pages = getCurrentPages(); // 当前页的数据 let prevPage = pages[pages.length - 2]; // 上一页的数据 /** prevPageValue 是上一页你想被携带过去的数据 */ prevPage.setData({ prevPageValue: 1, }) /** 返回上一页 这个时候参数已经传递过去了 可以在上一页的onShow方法里把 .
微信小程序返回上一页并传参数
stars______的博客
01-14 628
var pages = getCurrentPages(); var prevPage = pages[pages.length - 2]; //获取上一个页面 prevPage.setData({ //修改上一个页面的变量 atlas_id: e.currentTarget.dataset.id }) wx.navigateBack({ //返回上一页 delta: 1 }) ...
微信小程序内页跳转登录，登录完成后携带参数重新回到之前页面实现方法
cloud_zhao的博客
09-22 1998
微信小程序跳转登录后携带参数重新返回到之前页面
微信小程序返回上级页面传参的几种方法
Hassan的小博客!
02-15 6691
微信小程序返回上级页面传参的几种方法
微信小程序返回上一页带参数
CrazBarry的博客
05-22 357
//选择场次并返回 itemClick: function (e) { var name = e.currentTarget.dataset.name; var id = e.currentTarget.dataset.id; var pages = getCurrentPages(); var currPage = pages[pages.length - ...
微信小程序 调整tabar页面并传参
07-13
在微信小程序中，可以通过以下步骤实现跳转到 TabBar 页面并传参： 1. 在非 TabBar 页面的JS文件中，可以使用`wx.navigateTo`方法跳转到一个中间页面，并传递参数： ```javascript jumpToTabBar: function() { const queryString = 'param1=value1&param2=value2'; // 构建queryString const url = '/pages/middle/middle?queryString=' + encodeURIComponent(queryString); // 拼接URL并进行编码 wx.navigateTo({ url: url }); } ``` 2. 创建一个中间页面（middle），用于接收参数，并在该页面的JS文件中获取参数并跳转到TabBar页面： ```javascript onLoad: function(options) { const queryString = options.queryString; // 获取queryString const params = this.parseQueryString(queryString); // 解析queryString // 使用解析后的参数进行其他操作 console.log(params.param1); // 输出'value1' console.log(params.param2); // 输出'value2' // 跳转到TabBar页面 wx.switchTab({ url: '/pages/tabBar/index/index' }); }, parseQueryString: function(queryString) { const params = {}; const paramStrs = queryString.split('&'); for (let i = 0; i < paramStrs.length; i++) { const param = paramStrs[i].split('='); const key = decodeURIComponent(param[0]); const value = decodeURIComponent(param[1]); params[key] = value; } return params; } ``` 在上述代码中，`jumpToTabBar`方法中构建了带有queryString的URL，并通过`wx.navigateTo`跳转到中间页面。在中间页面的`onLoad`生命周期方法中，通过`options`参数获取到URL中的queryString，并通过`parseQueryString`方法解析出参数。然后可以使用解析后的参数进行其他操作。最后，使用`wx.switchTab`方法跳转到TabBar页面。 需要注意的是，由于URL长度限制和安全性考虑，queryString的长度和内容有一定限制。如果需要传递较长或敏感数据，建议使用其他方式，如通过接口获取数据。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

yechaoa

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值