uniapp开发多页面h5程序_uni-app开发经验分享： 多页面传值的三种解决方法

开发了一年的uni-app，在这里总结一些uni-app开发中的问题，提供几个解决方法，分享给大家：

问题描述：一个主页面，需要联通一到两个子页面，子页面传值到主页面，主页面更新

问题难点：首先我们需要一个逻辑模型(这里随便画了一个)

通过这个模型，我们可以看到一个问题，子页面的内容怎么传回主页面，怎么让这个传回的方式更安全有效，这也是这个问题的难点，我总结了三种解决方法，在这里分享给大家：

第一种：url传值

顾名思义，就是利用页面的url方法来传值，具体操作逻辑如下：

主页面：用onload事件来获取页面初始化的url值，进行页面刷新，跳转到子页面时用uni.redirectTo方法

子页面：提交事件里将数据转为url格式，跳转回主页面时用uni.redirectTo方法

案例：

主页面：

opition.id

前往子页面

export default {

data() {

return {

opition:{

}

}

},

onLoad(data){

this.opition = data

},

methods: {