uni-app跳转页面并传参

1.本页面

<template>
	<view class='bottompay'>
		<view class="pay-btns" @click="handleSettleorder()">
			<text>点击跳转</text>
		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				list:{name:'张三',age:20,time:'2021-2-23'},//传递的参数
				str:'你猜'//传递的参数
			}
		},
		methods: {
			handleSettleorder(){
				uni.navigateTo({
					url: "../orderlist/orderlist?list=" +
						JSON.stringify(this.list) + "&str=" +this.str
				});
			}
		}
	}
</script>

2.跳转页面

<template>
	<view class='bottompay'>
		<view class="pay-btns">
			<text>跳转后的页面</text>
		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				list:'',
				str:''
			}
		},
		onLoad(options) {
			this.list= JSON.parse(options.list)//获取参数
			this.str=options.str//获取参数
		}
	}
</script>