当前位置:   article > 正文

微信小程序导航退回及跳转 传参(navigateBack,navigateTo)_微信小程序navigateback传参

微信小程序navigateback传参

一、uniapp navigateBack

退回上一级 当前页面-传递参数

		uni.$emit('update', params)
		uni.navigateBack({
				delta: 1
		});
  • 1
  • 2
  • 3
  • 4

退回的页面-接收参数
可以写在 onLoad 和 onShow 里面

	onLoad(o) {
		uni.$on('update', function(e) {
		//参数e
		}
	}
	onShow() {}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 返回前两级
	uni.navigateBack({
					delta: 2
			});
  • 1
  • 2
  • 3

自定义左上角-回退到上一页,刷新数据

页面跳转退回

	let pages = getCurrentPages(); // 当前页面
	let beforePage = pages[pages.length - 2]; // 前一个页面
	beforePage.$vm.reloadList();
  • 1
  • 2
  • 3

跳转到页面-执行的方法reloadList

	reloadList() {
				this.initdata()//刷新数据
			},
  • 1
  • 2
  • 3

二、navigateTo 跳转传参

页面跳转-传递参数

uni.navigateTo({
			url: `/pages/demo/demo?params=${paramsdata}`
			})
  • 1
  • 2
  • 3

页面跳转-接收参数

	onLoad(val) {
		//接收的参数val
	}
  • 1
  • 2
  • 3
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/爱喝兽奶帝天荒/article/detail/779771
推荐阅读
相关标签
  

闽ICP备14008679号