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}} 渲染到页面.
还没有评论,来说两句吧...