uniapp父页面向子页面传递多个参数问题-向日葵屋

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;
        }
}