uniapp中navigateBack的传参与接收

724 阅读1分钟

今天实战中遇到了一个小问题,uniapp如何用navigateBack传递参数和接收参数,下面附上代码(已验证有效)

接受参数的页面(上一级页面):

<script>
	export default {
		data() {
			return {
				value: ''
			}
		},
		onLoad() {

		},
		onShow() {
			let pages = getCurrentPages();
			let currPage = pages[pages.length - 1]; // 当前页的实例
			this.value = currPage.$vm.value; //'hello'
		},
		methods: {
			goPage() { //页面跳转
				uni.navigateTo({
					url: './class'
				})
			}
		}
	}
</script>

传递参数的页面(下一级页面):

<script>
	export default {
		data() {
			return {
				keyword: 'hello',
			}
		},
		onLoad() {

		},
		methods: {
			submit() {
				let pages = getCurrentPages()
				let prevPage = pages[pages.length - 2]; //上一页页面实例
				console.log(prevPage)
				prevPage.$vm.value = this.keyword
				uni.navigateBack({
					delta:1
				})
			}
		}
	}
</script>