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

最新推荐文章于 2025-02-24 17:25:39 发布
最新推荐文章于 2025-02-24 17:25:39 发布
阅读量1.1k 收藏
点赞数 1
文章标签： web app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/HXH_csdn/article/details/117750978
版权
本文介绍了一种在H5页面与App页面间进行数据同步的方法，特别关注了返回上一页时对dataList属性的更新操作。通过getCurrentPages获取页面栈，并根据不同环境（H5与App）采用特定方式更新数据。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

我这里是返回上一页的时候修改的
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 2074
uniapp真的好多坑啊，什么一套代码编译多个平台，他可没说每个平台都要ifdef ifndef。后面真机调试后发现页面对象都在$vm里面，所以在app上需要更改调用的方式。在微信小程序以及H5中，都能直接调用，如下。，我们可以直接调用，但是真机上却看不到。以及currentPage的打印结果。
uni.app小程序删除数据库及页面内容
Dummerd的博客
11-28 839
uni.app小程序删除数据库及页面内容
getCurrentPages()使用
04-29
使用场景：可以在某个页面修改另一个页面的data或者调用另一个页面的方法。
uni-app中getCurrentPage()修改上一个页面信息，app与h5端获取到的值不同
good god~的博客
09-23 4356
这里踩坑，在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;
在uniapp中用JavaScript对数据进行修改
最新发布
qq_66017988的博客
02-24 712
在uniapp中获取用户数据信息，然后点击某一天用户数据，将该条用户的数据信息进行修改，并且实时返回在用户信息中和用户列表
uniapp页面返回上一个页面，并且修改上一个页面的数据
Oooopkz的博客
05-27 2890
注意最好不要以这种方式写，不然会出现卸载不掉(off)不掉的问题,卸载不掉！所以我尝试了另一种方法,$emit,$on,$off的方式去完成这个修改上一页面值的操作。通过getCurrentPages获取所有页面栈实例列表的方式(直接上代码)A页面(B页面返回过来同时修改值)
uniapp中返回上一页传值的方法，getCurrentPages()
hu104160112的博客
05-17 6131
场景：从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使用uni.navigateBack返回页面并修改上一个页面的数据
m0_60284090的博客
05-27 1235
uniapp使用uni.navigateBack返回页面并修改上一个页面的数据
微信小程序如何利用getCurrentPages进行页面传值
10-16
通过这种方式，我们不仅可以传递简单的数据，还可以直接调用上一个页面的`setData()`方法，从而更新页面的状态。这相比使用本地存储的方法更加直观，避免了数据存储的混乱，同时也简化了数据管理。 此外，这里还有...
php的一个分页类.zip
07-11
3. 使用分页类方法：调用分页类提供的方法来获取分页相关的信息，如当前页码、总页数、上一页和下一页的链接等。 ```php $current_page = $pagination->getCurrentPage(); $total_pages = $pagination->...
一个简单好用的php分页类代码.zip
07-11
总结来说，这个"一个简单好用的php分页类代码"提供了基础的分页功能，通过实例化类并调用其方法，可以轻松地在PHP项目中实现数据分页，提高页面加载速度和用户体验。根据项目的实际需求，可以对这个分页类进行适当的...
微信小程序公共js里面 修改page 页面data的数据 getCurrentPages
qq_40247562的博客
09-28 1618
最近维护小程序遇到的问题，有n 个页面需要加一个验证的方法，从而改变页面里面的data 的多条数据，然后在进行后续的业务逻辑。 这种问题肯定就是在公共的js 里面写一个方法，然后在每个页面调用一下。但是问题是如何在公共的js 里面修改page 里面xxx.js data 的数据。 同样引申 修改历史页面的数据 的问题。 经过查阅发现，微信小程序提供了一个方法： getCurrentPages() 函数用于获取当前页面栈的实例，以数组形式按栈的顺序给出，第一个元素为首页，最后一个元素为当前页面。.
微信小程序 - 获取/修改上一页面数据 getCurrentPages()
qq_40685439的博客
01-10 5060
使用 getCurrentPages(); 获取当前页面栈。 数组中第一个元素为首页，最后一个元素为当前页面 Page({ /** * 页面的初始数据 */ data: {}, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { var pages = getCurrentPages(); // 上一页面栈 var prevPage =
uniapp 利用getCurrentPages() 实现保留其他页面并回退到指定页面
bo_gu的博客
02-09 6518
简单描述下需求： 当我们从页面A开始，有很多种不同的路径可以到页面B。页面B上有一个“返回A”的按钮，点击可以回退到页面A，之后点击自带的返回键不会再回到页面B，A页面的返回键也不会消失变成回到主页。大致示意图如下 结合uniapp官方文档提供的路由跳转方法 选择uni.navigateBack（）最合适，只要计算出A页面和B页面之间的页数，就可以直接返回A页面，完成需求 //返回指定页面 goMypage(){ let pages = getCurrentPages(); //函数用于获取当前页
uniapp 获取所有页面的数据对象 getCurrentPages的使用
ili_ii的博客
03-10 2130
当页面每次进入的时候直接页面生命周期onshow自动调用 让对应key值变量发生改变，来从新渲染页面，这样就可以解决这个大坑。2. 用 +new Date() 生成的时间戳作用Key ,收到强制触发重新渲染。，这里用了一个技巧就是通过uni.navigateBack()函数返回页面，从A页面进入B页面以后，在B页面选择数据以后，通过。B页面返回上一页并传递数据给gender。，然后直接修改他的数据，在通过。，这样就可以实现回显。
uniapp中getCurrentPages的使用问题
寻码启示
05-29 2081
在onUnLoad中使用getCurrentPages无法调用前一页面方法的问题解决。
uni-app 返回上一级 并且修改上一级页面的数据（页面通讯）、返回上一个页面，携带参数
努力、拼搏、奋进
11-23 1397
uni-app 返回上一级 并且修改上一级页面的数据（页面通讯）、返回上一个页面，携带参数
vue实现简单的分页功能
热门推荐
illusion_melody的博客
09-15 5万+
分页其实就是对一组数据分组！而vue又刚好是数据驱动，所以我们只需要关注数据层就行了！分页开始---> 变量： data() { return { // 假设这是后台传来的数据来源 data: [], // 所有页面的数据 totalPage: [], // 每页显示数量 pageSize: 5, ...
刷新当前页面（getCurrentPages）uniapp
weixin_64899102的博客
09-06 3158
uniapp，刷新页面
微信小程序在js中修改样式，写一个案例
04-21
对于这个问题，我可以为您提供一些帮助： 首先，您可以在 JavaScript 中使用以下代码来修改微信小程序的样式： ``` // 获取小程序的页面对象（Page） var page = getApp().getCurrentPage(); // 修改自定义组件的样式 page.setData({ 'customComponent.style.backgroundColor': 'red', 'customComponent.style.color': 'white' }); // 修改默认组件的样式 page.setData({ 'viewStyle.backgroundColor': 'green', 'textStyle.color': 'blue' }); ``` 其中，`customComponent` 是您自定义的组件的名称，`viewStyle` 和 `textStyle` 是默认组件的样式名称。您可以根据实际情况进行修改。 另外，您还可以在 WXML 中使用 `<style>` 标签来修改样式。例如： ``` <view class="container"> <text class="text">Hello, World!</text> </view> <style> .container { background-color: red; } .text { color: white; } </style> ``` 上述代码会将 `<view>` 的背景色设置为红色，将 `<text>` 的文字颜色设置为白色。您可以根据实际情况添加和修改样式。 希望以上信息能够对您有所帮助。如果您有其他问题，欢迎随时提出。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值