咨询热线

0371-86158370

如何使用uni.navigateBack传参修改上一个页面值

如果您正在寻找相关产品或有其他疑问,可随时拨打服务热线,或点击下方按钮与我们在线交流!

2022-05-06 16:29:06 发布者:海融软件
关于如何使用uni.navigateBack传参修改上一个页面值这个疑惑,是在河南IT软件服务商中一个比较常见的疑惑了,那么怎样解决这个疑惑呢,继续阅读,接下来进行详细的介绍。


在APP开发中,采用uniapp开发效率非常高,但在实际APP开发应用中,表单编辑状态选择是很常见的效果,包括地址选择等。那么,在编辑过程中,如何到一个新页面选择数据后返回原页面?并且原页面数据不丢失?


使用uniapp开发时,可以使用  uni.navigateTo 、uni.navigateBack 进行跳转和返回,参数传递则使用:page  setData 方式,具体参考如下。


选择页面(即:要返回时的调用)

var pages = getCurrentPages(); 
var currPage = pages[pages.length - 1]; //当前页面 
var prevPage = pages[pages.length - 2]; //上一个页面 
//直接调用上一个页面的setData()方法,把数据存到上一个页面中去 
prevPage.setData({ 
        select_data:"test" 
}) 
 uni.navigateBack(); //返回上一个页面


原始页面接收,在 onShow 中接收数据

onShow:function(e){ 
       let pages = getCurrentPages(); 
       let currPage = pages[pages.length-1]; 
       if (currPage.data.select_data==undefined){ 
            console.log(currPage.data.select_data);//接收的数据 
       }
 
 }


以上代码仅为功能说明,具体应用需根据项目情况加验证条件。


成都海融软件提供各类企业管理app开发服务,如有问题可与我们联系。


相关产品
更多推荐
科技·质量·服务·创新

科技·质量·服务·创新

提交需求

如果您对我们的产品感兴趣,或者我们有什么可以帮助到您的,您可以随时在线与我们沟通。 当然您也可以在下面给我们留言,我们将热忱为您服务!

快速响应给予技术咨询答复

专业优质软件服务

成熟领先产品解决方案

专业可靠合作伙伴

免费咨询 0371-86158370
免费获取报价

获取报价

销售热线销售热线:0371-86158370

返回顶部

首页 在线咨询在线咨询 一键拨打一键拨打