uni-app实现navigateBack返回修改前一页面数据（H5、APP、小程序）.pdfVIP

uni-app实现navigateBack返回修改前⼀页⾯数据（H5、APP、 ⼩程序） B页⾯返回修改A页⾯title的值 //A页⾯ template text class=title返回修改的值：{{title}}/text /template export default { data() { return { title: Hello } }, } //B页⾯ button @click=change修改上⼀页的title值/button ⽅案⼀： getCurrentPages() 注：虽然都是通过getCurrentPages，但H5和APP/⼩程序通过getCurrentPages打印出来的前⼀页⾯的结构是不同的。 H5 change(e){ var pages = getCurrentPages(); var currPage = pages[pages.length - 1];当前页⾯ // var prevPage = pages[pages.length - 2];上⼀个页⾯// //将前⼀页的title修改为Hello World prevPage._data.title = Hello World // 因为修改的是data⾥⾯的绑定数据，所以返回后页⾯数据会直接显⽰修改后的 uni.navigateBack() }, APP/⼩程序 //B页⾯ change(e){ var pages = getCurrentPages(); var currPage = pages[pages.length - 1];当前页⾯ // var prevPage = pages[pages.length - 2];上⼀个页⾯// //console.log(prevPage ); //按照打印结构这样赋值虽然成功但页⾯数据不会修改 // prevPage.data.$root[0].title = Hello World prevPage.setData({ title: Hello World }) uni.navigateBack() }, //A页⾯，onShow⽅法，把setData的数据赋值到当前页⾯绑定的变量上 onShow(e) { let pages = getCurrentPages(); let currPage = pages[pages.length-1]; if(currPage.data.title == undefined || currPage.data.title == ){ }else{ this.title = currPage.data.title } }, ⽅案⼆：$on监听 //A页⾯, onShow中添加监听⼀个handleFun的事件 onShow(){ uni.$on(handleFun, res = { this.title = res.title； // 清除监听 uni.$off(handleFun); }) }, //B页⾯，返回A页⾯触发⼀个事件，使⽤uni.$emit(handleFun,{}) getAddress(){ uni.$emit(handleFun,{title: Hello World}); uni.navigateBack() } ⽅案三：缓存值的⽅式