uniapp父页面向子页面传递多个参数问题

父页面内容：

<view class="title" @tap="changeName(house.idx,house.Name)">
	<view >{{ house.Name }}</view>
</view>

changeName(id, name) {
		console.log(id, name)
			uni.navigateTo({
				url: '../../pages/houses/changeHouseName?houseIdx=' + id + '&houseName=' + name,
			})
},

要传递的参数为house.idx和house.Name，用形参id, name接收参数，父页面向子页面跳转时通过在url后面拼接字符串实现参数传递，传递多个参数时用&符号拼接

子页面内容：

<view class="title">房间名：{{name}}</view>
<view class="title">房间id：{{id}}</view>

export default {
		data() {
			return {
				id: '',
				name: '',	
			}
		},
		onLoad: function(option) { //option为object类型，会序列化上个页面传递的参数
			console.log(option.houseName); //打印出上个页面传递的参数。
			console.log(option.houseIdx);
			this.name = option.houseName;
			this.id = option.houseIdx;
		}
}

用option来接收参数，在控制台打印验证参数是否传递正确，用模板语法 {{name}} 渲染到页面.