分享最实用的技术,创造更大的价值

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

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


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开发服务,如有问题可与我们联系。


联系
QQ
电话
咨询电话:189-8199-7898
TOP