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