uniapp返回上一页携带参数,两种方法，实测有效

您所在的位置：网站首页 › uniapp返回上一页带参数 › uniapp返回上一页携带参数,两种方法，实测有效

uniapp返回上一页携带参数,两种方法，实测有效

2023-10-29 22:31| 来源: 网络整理| 查看: 265

uniapp返回上一页携带参数,两种方法，实测有效原创

深漂小码哥 2021-03-09 14:09:15 博主文章分类：Uniapp ©著作权

文章标签数据 #ifdef json mysql 文章分类代码人生

©著作权归作者所有：来自51CTO博客作者深漂小码哥的原创作品，请联系作者获取转载授权，否则将追究法律责任

方法一：

pages/pre/pre.vue

返回的数据为: id: {{testdata.id}} name: {{testdata.name}} 跳转到下一页面 export default { data() { return { testdata: { id: '', name: '' } } }, onShow() { let that = this uni.$on('updateData',function(data){ that.testdata = data const params = 'id:'+data.id+', name:'+data.name; console.log('监听到事件来自 updateData ，携带参数为：' + params); }) }, methods: { goNext() { uni.navigateTo({ url: '/pages/next/next' }) } } }

pages/next/next.vue

点击返回上一页 export default { data() { return { mydata: { id: 1, name: 'test' } } }, methods: { goBack() { uni.$emit('updateData', this.mydata) uni.navigateBack({ delta: 1 }) } } }

方法二：

pages/pre/pre.vue

返回的数据为: id: {{testdata.id}} name: {{testdata.name}} 跳转到下一页面 export default { data() { return { testdata: { id: '', name: '' } } }, onShow() { let pages = getCurrentPages(); let currPage = pages[pages.length - 1]; //当前页面 let json = currPage.data.testdata; this.testdata = json; }, methods: { goNext() { uni.navigateTo({ url: '/pages/next/next' }) } } }

pages/next/next.vue

点击返回上一页 export default { data() { return { mydata: { id: 1, name: 'test' } } }, methods: { goBack() { var pages = getCurrentPages(); var prevPage = pages[pages.length - 2]; // #ifdef H5 prevPage.$vm.testdata = this.mydata; // #endif // #ifdef MP-WEIXIN prevPage.setData(this.mydata); // #endif uni.navigateBack({//返回 delta: 1 }) } } }

赞收藏评论分享举报

上一篇：uniapp Now you can provide attr `wx:key` for a `wx:for` to improve performance.

下一篇：uniapp,uview发送验证码效果

【本文地址】

uniapp返回上一页携带参数,两种方法，实测有效

uniapp返回上一页携带参数,两种方法，实测有效

今日新闻

推荐新闻