uniapp页面返回到上一个页面，更新其数据

最新推荐文章于 2024-09-26 15:14:34 发布
最新推荐文章于 2024-09-26 15:14:34 发布
阅读量1.5k 收藏 3
点赞数 5
文章标签： uni-app 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/aybaiwan/article/details/131058492
版权
文章介绍了两种更新页面内容的方法：一是通过在上一页面设置forceUpdate函数，从当前页面调用来强制更新；二是直接在获取数据的页面对上一页面的数据对象进行赋值，例如更新addform的car属性。这两种方法适用于页面状态管理和数据同步场景。
摘要由CSDN通过智能技术生成

我这里写两种方法

第一种:

在上一个页面(也就是需要更新的页面)下设置一个函数用来更新，这里的forceUpdate表示接收到数据msg并赋值后，强制更新页面内容

93e86a3887544e83b5afc6275154e2bb.png

 在当前页面(选择数据页面)调用上一个页面的uodate函数就可以了。

4df038fad3e94123b2ea5d61283c3ae6.png

 第二种(比较推荐)

直接在当前页面(获取数据页面)给上一页面需要更改的数据进行赋值

比如我这里假设需要更新上一个页面addform对象下的car属性进行更新

968a8016179543fb896dbf6c5cce42f4.png

 小白一枚，如有不足之处，还望指正，谢谢。

AYBAIWAN
关注
uniapp如何实现返回上一级页面并传值刷新
刘杨造梦的博客
08-12 6814
在很多业务场景之下，需要返回上一级页面，并进行刷新，在uniapp中的uni.navigateBack 方法中，返回上一页是不会刷新的，更别说传值了，废话不多说直接上代码。console.log('监听到事件来自 updateData ，携带参数为：' + params);我们假设需要返回上一级页面的页面为当前页，点击按钮触发button事件，我们看看这个怎么写实现返回上一页并传值刷新。//this.data为要传值的数据。...
后台返回的数据是一个另外的网址怎么显示到uniapp页面上？（而且网址打开还是中文乱码）
sika-master的博客
10-05 626
后台返回的数据是一个另外的网址怎么显示到uniapp页面上？（而且网址打开还是中文乱码） 在uniapp中进行h5界面的实现的时候，返回的数据是一个网址，但是要把网址中的内容展示到页面上？怎么提取里面的内容。如下图1 这个是获取到的后台的数据，要展示的是body里面的内容，但是body是一个网址，而且在网页中打开还是乱码，如下图2 如何解决呢？？？看了官网uniapp，有一个web-view的组件可以直接打开外部网址，但是还是显示的是乱码，。。最后在大佬的帮助下解决了。 一般的axios请求： axio
Uniapp示例:返回并刷新上一页
12-11
此文件为Uniapp示例源码,主要功能为演示如何返回上一页面并重载上一页面的数据.如果对你有用,关注并支持作者.
uniapp微信小程序，获取上一页面路由
m0_63026408的博客
09-26 609
在进入当前页面的时候，判断是不是从某个页面跳转过来的（一般是当前页面为公共页面是出现的），比如 A-->B C-->B ,那么 要在 C跳转到B页面的时候多个提示语什么的 而在A跳转到B时不需要，那么就要判断 上一页面的路由是哪个。
uniapp页面返回上一个页面，并且修改上一个页面的数据
Oooopkz的博客
05-27 2629
注意最好不要以这种方式写，不然会出现卸载不掉(off)不掉的问题,卸载不掉！所以我尝试了另一种方法,$emit,$on,$off的方式去完成这个修改上一页面值的操作。通过getCurrentPages获取所有页面栈实例列表的方式(直接上代码)A页面(B页面返回过来同时修改值)
uniapp vue3 项目修改前一级页面数据
Aijl08041413的博客
05-22 502
uniapp vue3开发过程中，会遇到一些特殊情况，需要对页面栈中数据的操作。需要注意defineExpose的命名，如果项目较大建议单独进行管理。页面A跳转页面B，页面B触发事件后，页面A数据改变。
uniapp小程序修改上一个页面的数据或调用函数、以及页面路由
weixin_69641934的博客
04-28 594
prevPage.userList = [] //userList 上一个页面的的数据。//获取所有页面栈实例列表。prevPage.updateUser() //updateUser 上一个页面的函数。
uni-app 返回上一级 并且修改上一级页面的数据（页面通讯）
努力、拼搏、奋进
11-23 830
uni-app 返回上一级 并且修改上一级页面的数据（页面通讯）
基于uniapp微信小程序我的钱包页面
03-26
本教程将深入探讨如何使用uniapp来开发一个“我的钱包”页面，主要涉及以下几个关键知识点： 1. **uniapp环境搭建**：首先，你需要安装HBuilderX IDE，它是uniapp的官方开发工具。通过HBuilderX，你可以创建uniapp...
后台返回的数据是一个另外的网址怎么显示到uniapp页面上
07-12
要在UniApp页面上显示从后台返回的数据，如果数据是一个网址，你可以使用`<web-view>`组件来加载该网址。 在你的页面模板中，添加一个`<web-view>`组件，并将后台返回的网址绑定到`src`属性上，如下所示： ```html...
web学习之js写计算器
2401_84435866的博客
04-27 982
off_on {p,h1 {font-family: 楷体;
uniapp 返回到上一个页面更新数据
weixin_56127412的博客
05-24 2041
业务逻辑： 从A.vue页面跳转到B.vue页面，在B.vue填写了值并保存返回到A.vue页面，但是A.vue页面的值也要同步更新。 解决方法： 第一种 以前使用uni.redirectTo({ })方法来返回跳转到A.vue页面，然后在A.vue页面的onShow（）声明周期里重新发送请求 这个方法的体验不是很好，但是也不是不可以这样做 第二种：使用getCurrentPages() 在返回A页面之前加上以下这段代码，就可以修改上一个页面（A.vue页面）的值 代码： let pag
uni-app修改上一级页面参数的几种方式
qq_42698109的博客
10-27 4124
一：当前页修改 （1）：首先获取页面栈实例 let pages = getCurrentPages()； （2）：当前页页面实例 let nowPage = pages[pages.length - 1]; // 当前页的实例 let prevPage = pages[pages.length - 2];// 上级页面实例 （3）：修改数据 prevPage.$vm.['上级页面中的参数'] = null; // 对上级页面参数赋值 （4）：返回上级页面 // 返回上级页面的多级参数 uni.navi
uniapp刷新上个页面数据的方法
m0_55572918的博客
08-01 332
【代码】uniapp刷新上个页面数据的方法。
【uniapp】uniapp返回上一页，并实现刷新界面数据
余浩的博客
04-18 4943
在uniapp中，经常会有返回上一页的情况，官方提供有 uni.navigateBack 这个api来实现效果，但是此方法返回到上一页之后页面并不会自动刷新（不会触发上一页的onLoad()方法）。
uniapp如何优雅的刷新上一页面的数据
weixin_43188893的博客
02-17 2251
使用场景：A页面点击跳转B页面，B页面操作完需回到A页面进行数据更新 第一步：根据官方API:getCurrentPages 拿到当前页面的实例 API详解 第二步：通过 length -2 获取上一个页面的实例，getCurrentPages获取到的页面栈实例以数组形式按栈的顺序给出，第一个元素为首页，最后一个元素为当前页面 第三步：通过$vm获取上一页面内所挂载的所有属性，调用更新数据的函数方法 第四步：返回至上一页面 let pages = getCurrentPages(); // 当前页面
uniapp返回上一页面并更新
wendy_qx的博客
08-15 403
【代码】uniapp返回上一页面并更新。
uni-app采坑系列（一）修改上一页中的数据
qq_42502919的博客
02-14 1747
uni-app中修改上一页中的数据和微信小程序有相似之处： let pages = getCurrentPages(); let page = pages[pages.length - 2]; 这样就可以获取页面栈中前一页即为page，微信小程序中可以通过 page.data.aaa++ page.setData({ aaa: page.data.aaa }) 来实现...
uniapp使用uni.navigateBack返回页面并修改上一个页面的数据
m0_60284090的博客
05-27 992
uniapp使用uni.navigateBack返回页面并修改上一个页面的数据
uniapp实现返回上一页面并刷新数据
最新发布
10-19
在uni-app中，如果你想要实现在返回上一页的同时刷新数据，你可以利用组件的生命周期钩子函数结合路由管理。通常的做法是在`onShow()`或`onPageChange()`等时机发起数据请求。这里是一个简单的示例： ```javascript // 假设有一个需要刷新数据的页面叫做Detail.vue <template> <view> <button @click="fetchData">刷新数据</button> <!-- 数据展示部分 --> </view> </template> <script> export default { data() { return { // 初始化数据 initialData: {}, }; }, methods: { fetchData() { this.$http.get('你的数据API') // 使用uni-app的HTTP请求库 .then(response => (this.detailData = response.data)) .catch(error => console.error(error)); }, onShow() { // 如果希望每次进入都刷新数据 this.fetchData(); } }, }; </script> ``` 在这个例子中，当你点击"刷新数据"按钮或页面自然回到这个详情页时，`onShow`会自动触发`fetchData`方法，更新数据。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值