uniapp getCurrentPage()修改上一个页面信息

最新推荐文章于 2024-05-29 14:26:15 发布
原创 最新推荐文章于 2024-05-29 14:26:15 发布 · 1.1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#web app

本文介绍了一种在H5页面与App页面间进行数据同步的方法，特别关注了返回上一页时对dataList属性的更新操作。通过getCurrentPages获取页面栈，并根据不同环境（H5与App）采用特定方式更新数据。

我这里是返回上一页的时候修改的
dataList是上一个页面data方法中的值，也就是要修改的值
h5中可以直接修改，app中要加上$vm

onBackPress(e) {
	var pages = getCurrentPages();
	var page = pages[pages.length - 2];
	// #ifdef APP-PLUS
	page.$vm.dataList[0].status = 4
	console.log('vm ==>', page.$vm.dataList[0])
	// #endif
}
HXH_csdn
关注
uniapp真机上通过getCurrentPages()方法获取的PAGES对象无法调用页面的方法
weixin_43076248的博客
04-21 2259
uniapp真的好多坑啊，什么一套代码编译多个平台，他可没说每个平台都要ifdef ifndef。后面真机调试后发现页面对象都在$vm里面，所以在app上需要更改调用的方式。在微信小程序以及H5中，都能直接调用，如下。，我们可以直接调用，但是真机上却看不到。以及currentPage的打印结果。
【uniapp】返回上一页并刷新
sayyy的专栏
12-19 1万+
前言 Hbuilder X 2.7.14.20200618 返回上一页并刷新 let pages = getCurrentPages(); // 当前页面 let beforePage = pages[pages.length - 2]; // 上一页 uni.navigateBack({ success: function() { beforePage.onLoad(); // 执行上一页的onLoad方法 } }); 说明： 在uniapp 中 getCurren
uni-app中getCurrentPage()修改上一个页面信息，app与h5端获取到的值不同
good god~的博客
09-23 4453
这里踩坑，在h5端可以直接修改，但是我发现app端是不能够直接获取到上一个页面的数据，要通过$vm才能获取到上一个页面的数据，看以下例子 var pages = getCurrentPages(); var prePage = pages[pages.length - 2]; prePage.$vm.model.userName = this.model.user_name; prePage.$vm.model.userCardNumber = this.model.user_card_number;
uni-app中的 getCurrentPages()页面栈
m0_58293192的博客
01-17 9538
uni-app中的 getCurrentPages()页面栈
uni-app和微信小程序中的getCurrentPages()
weixin_47873655的博客
04-22 4158
判断当前页面是不是第一个，获取当前页面相关信息，多语言切换刷新，跨页面修改数据
uniapp页面返回上一个页面，并且修改上一个页面的数据
Oooopkz的博客
05-27 3053
注意最好不要以这种方式写，不然会出现卸载不掉(off)不掉的问题,卸载不掉！所以我尝试了另一种方法,$emit,$on,$off的方式去完成这个修改上一页面值的操作。通过getCurrentPages获取所有页面栈实例列表的方式(直接上代码)A页面(B页面返回过来同时修改值)
uniapp中返回上一页传值的方法，getCurrentPages()
hu104160112的博客
05-17 6366
场景：从A页面跳到B页面，操作成功后，uni.navigateBack()返回A页面并传值，不是链接带参数 看到网上很多说用 prevPage.setData，试了一下发现不行，然后打印prevPage发现没有setData var pages = getCurrentPages(); // 获取页面栈 var currPage = pages[pages.length - 1]; // 当前页面 var prevPage = pages[pages.length - 2]; // 上一个页面 可以看到
uniapp中APP端使用页面栈无效，且报错问题解决
qq_43351090的博客
11-18 2965
代码如下： let pages = getCurrentPages(); // 当前页， let prevPage = pages[pages.length - 2]; // 上一页 prevPage.xx = 1;//设置xx属性为1 在h5端不报错，可正常使用。 app端报错： Property or method “toJSON” is not defined on the instance but referenced during render. Make sure that this pro
uni.app小程序删除数据库及页面内容
Dummerd的博客
11-28 898
uni.app小程序删除数据库及页面内容
帮我在uniapp封装一个监听企业微信小程序全局截图操作的ts方法，并在方法内获取当前截屏页面后调用已有的埋点方法
最新发布
06-27
- **埋点逻辑**: 上报页面路径、时间戳、停留时间等信息，供后续分析。 --- ### ⚠️ 注意事项 - 此方法是一种**间接检测截图行为的方式**，不能保证100%准确。 - 适用于企业微信小程序无原生截图监听 API 的情况...
getCurrentPages()使用
04-29
使用场景：可以在某个页面修改另一个页面的data或者调用另一个页面的方法。
uniapp使用uni.navigateBack返回页面并修改上一个页面的数据
m0_60284090的博客
05-27 1412
uniapp使用uni.navigateBack返回页面并修改上一个页面的数据
微信小程序公共js里面 修改page 页面data的数据 getCurrentPages
qq_40247562的博客
09-28 1719
最近维护小程序遇到的问题，有n 个页面需要加一个验证的方法，从而改变页面里面的data 的多条数据，然后在进行后续的业务逻辑。 这种问题肯定就是在公共的js 里面写一个方法，然后在每个页面调用一下。但是问题是如何在公共的js 里面修改page 里面xxx.js data 的数据。 同样引申 修改历史页面的数据 的问题。 经过查阅发现，微信小程序提供了一个方法： getCurrentPages() 函数用于获取当前页面栈的实例，以数组形式按栈的顺序给出，第一个元素为首页，最后一个元素为当前页面。.
微信小程序 - 获取/修改上一页面数据 getCurrentPages()
qq_40685439的博客
01-10 5274
使用 getCurrentPages(); 获取当前页面栈。 数组中第一个元素为首页，最后一个元素为当前页面 Page({ /** * 页面的初始数据 */ data: {}, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { var pages = getCurrentPages(); // 上一页面栈 var prevPage =
uniapp 利用getCurrentPages() 实现保留其他页面并回退到指定页面
bo_gu的博客
02-09 6852
简单描述下需求： 当我们从页面A开始，有很多种不同的路径可以到页面B。页面B上有一个“返回A”的按钮，点击可以回退到页面A，之后点击自带的返回键不会再回到页面B，A页面的返回键也不会消失变成回到主页。大致示意图如下 结合uniapp官方文档提供的路由跳转方法 选择uni.navigateBack（）最合适，只要计算出A页面和B页面之间的页数，就可以直接返回A页面，完成需求 //返回指定页面 goMypage(){ let pages = getCurrentPages(); //函数用于获取当前页
uniapp 获取所有页面的数据对象 getCurrentPages的使用
ili_ii的博客
03-10 2466
当页面每次进入的时候直接页面生命周期onshow自动调用 让对应key值变量发生改变，来从新渲染页面，这样就可以解决这个大坑。2. 用 +new Date() 生成的时间戳作用Key ,收到强制触发重新渲染。，这里用了一个技巧就是通过uni.navigateBack()函数返回页面，从A页面进入B页面以后，在B页面选择数据以后，通过。B页面返回上一页并传递数据给gender。，然后直接修改他的数据，在通过。，这样就可以实现回显。
uniapp中getCurrentPages的使用问题
寻码启示
05-29 2500
在onUnLoad中使用getCurrentPages无法调用前一页面方法的问题解决。
uni-app 返回上一级 并且修改上一级页面的数据（页面通讯）、返回上一个页面，携带参数
努力、拼搏、奋进
11-23 1729
uni-app 返回上一级 并且修改上一级页面的数据（页面通讯）、返回上一个页面，携带参数
vue实现简单的分页功能
热门推荐
illusion_melody的博客
09-15 5万+
分页其实就是对一组数据分组！而vue又刚好是数据驱动，所以我们只需要关注数据层就行了！分页开始---> 变量： data() { return { // 假设这是后台传来的数据来源 data: [], // 所有页面的数据 totalPage: [], // 每页显示数量 pageSize: 5, ...
cul 怎么接受一个页面数据
04-24
<think>嗯，用户现在想了解如何在CUL中接收页面数据。首先，我需要弄清楚用户提到的CUL具体指的是什么。根据提供的引用，引用[2]提到CUL可能与Solr的更新操作有关，而引用[3]提到CUL是一个认证标准，但用户的问题是关于接收页面数据的，所以更可能是指某种技术或工具，比如cURL（客户端URL工具），因为引用[4]中提到了使用curl命令下载文件并显示进度条。不过用户写的是CUL而不是cURL，可能是个拼写错误。需要结合上下文判断。 接下来，查看用户之前的对话历史，用户之前的问题是关于HTTP 404错误和响应解析错误的解决方案，其中提到了使用Java的Hutool库、Spring Boot、Nginx配置等。而当前用户的问题可能是在这个上下文中，如何通过cURL（假设是CUL的笔误）来接收页面数据。因此，用户可能是在开发过程中需要测试API或获取页面数据，使用cURL工具来实现。 根据引用[2]，用户提到了利用cul或solr界面单值更新，这里可能CUL指的是cURL工具。引用[4]展示了使用curl命令下载文件的例子，进一步支持这个猜测。因此，用户的问题实际是询问如何使用cURL来接收页面数据，即如何用cURL发起HTTP请求获取页面内容。 现在需要结合这些引用来构建回答。引用[2]中的solr单值更新可能涉及发送数据，而用户的问题是关于接收数据，因此需要调整方向。引用[4]中的curl命令示例可以用来展示如何接收页面数据，比如使用GET请求获取内容。此外，用户之前的回答中提到了Java的HttpUtil，可能也需要说明如何在代码中使用类似工具接收数据，但用户明确提到CUL，所以重点应在命令行工具cURL上。 需要确保回答包括以下几个方面： 1. 基本的cURL命令用于GET请求获取页面数据。 2. 如何处理POST请求，发送数据并接收响应。 3. 如何设置请求头（如Content-Type，Accept）以确保正确接收数据格式。 4. 如何处理认证，如Bearer Token或基本认证。 5. 错误处理和调试技巧，比如显示详细日志、处理HTTP错误状态码。 6. 结合引用中的Result类，说明如何在Java中接收并封装数据。 可能还需要参考用户提供的Result工具类，在Java示例中展示如何解析响应数据到该类的实例中。引用[1]中的Result类包含code、msg、data等字段，适合作为API响应的结构，因此可以演示如何将cURL获取的JSON数据映射到该对象。 另外，用户的问题中提到“接收页面数据”，可能是指从Web页面获取数据，比如HTML内容或API返回的JSON/XML。因此，需要涵盖不同数据格式的处理方法，比如使用jq处理JSON，或者保存到文件后用其他工具解析。 最后，确保回答结构清晰，分步骤说明，并提供代码示例和命令示例，符合用户之前回答的格式，比如使用代码块和列表。同时，生成相关问题，帮助用户进一步探索。</think>--- ### 如何在CUL（cURL）中接收页面数据 #### 一、基础GET请求 1. **获取页面内容** 使用`curl`直接发送GET请求获取页面数据（HTML/JSON/XML等）： ```bash curl https://api.example.com/data ``` 2. **保存到文件** 结合引用[4]的`--progress`参数，显示下载进度并保存结果： ```bash curl -o response.json https://api.example.com/data --progress ``` --- #### 二、处理复杂请求 1. **POST请求提交并接收数据** 发送JSON数据并接收响应（类似引用[2]中Solr更新操作）： ```bash curl -X POST -H "Content-Type: application/json" -d '{"key":"value"}' https://api.example.com/submit ``` 2. **URL参数化请求** 通过`-G`参数处理带查询参数的GET请求： ```bash curl -G --data-urlencode "param1=value1" --data-urlencode "param2=value2" https://api.example.com/search ``` --- #### 三、数据解析与格式化 1. **JSON数据格式化** 使用`jq`工具解析响应（需提前安装）： ```bash curl https://api.example.com/data | jq .data ``` 2. **XML数据转换** 通过`xq`工具（`yq`的XML扩展）处理XML响应： ```bash curl https://api.example.com/data.xml | xq . ``` --- #### 四、结合Java代码接收数据 1. **使用Hutool的HttpUtil（引用[1]的Result类）** ```java // 发送请求并封装到Result对象 String response = HttpUtil.get("https://api.example.com/data"); Result result = JSONUtil.toBean(response, Result.class); // 检查分页信息（引用[1]的Pagion类） if (result.getPage() != null) { System.out.println("当前页：" + result.getPage().getCurrentPage()); } ``` 2. **处理异常响应** ```java try { HttpResponse res = HttpRequest.get(url).execute(); if (res.getStatus() == 404) { throw new RuntimeException("资源未找到"); } Result result = JSONUtil.toBean(res.body(), Result.class); } catch (IORuntimeException e) { // 处理网络错误 } ``` --- #### 五、高级配置 1. **认证与令牌** ```bash # Bearer Token认证 curl -H "Authorization: Bearer your_token" https://api.example.com/protected # 基本认证 curl -u username:password https://api.example.com/login ``` 2. **调试与日志** ```bash curl -v https://api.example.com/data # 显示详细请求过程 curl --trace output.txt https://api.example.com/data # 输出完整日志 ``` --- #### 六、企业级场景示例 **微服务数据聚合（结合引用[3]的认证要求）** ```bash # 通过认证的API请求，获取连接器数据 curl -H "Authorization: CUL-certificate your_cert_key" \ -H "Accept: application/json" \ https://device-api.example.com/ethernet-connectors ``` --- ### 相关问题 1. 如何通过cURL上传文件并监控进度？ 2. 在Java中如何将分页数据自动映射到`Result`类的`Pagion`字段？ 3. 如何用cURL模拟浏览器请求（如添加User-Agent头）？ 4. 微服务架构中如何统一处理跨服务认证的cURL请求？ --- **关键引用**： [^1]: `Result`类封装了标准响应结构，便于统一处理分页和数据体 [^2]: cURL的参数化请求与Solr数据更新有相似的逻辑结构 [^3]: 认证头部的添加需符合目标服务的授权要求 [^4]: 进度显示功能在数据量较大时尤为重要
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值