uniapp-从上一个页面携带参数进入下一个页面
uniapp-从上一个页面携带参数进入下一个页面
·
上一个页面的点击事件 handle(item),并携带参数
<view class="btn">
<view class="btn-iphone">
<image src="https://s4.ax1x.com/2022/02/11/HaEoZ9.png" mode=""></image>
</view>
<view class="btn-btn" @click="handle(item)">处理</view>
</view>
点击事件函数 handle(item)
handle(item){
uni.navigateTo({
url:'./handle/handle?headImg='+item.headImg+'&name='+item.name+ '&phone='+item.phone+'&idCode='+item.idCode+'&time='+item.time+'&location='+item.location+'&person='+item.person+'&status='+item.status,
});
}
子页面接收参数(根据所需要的数据类型进行转换)
页面渲染如下
<view class="item-item">
<view class="left">
<image :src="item.headImg" style="width: 224rpx;height:320rpx;" mode=""></image>
</view>
<view class="right">
<view class="text"><view>姓名</view><b>:</b>{{item.name}}</view>
<view class="text"><view>证件号码</view><b>:</b>{{item.idCode}}</view>
<view class="text"><view>告警时间</view><b>:</b>{{item.time}}</view>
<view class="text"><view>责任单位</view><b>:</b>{{item.location}}</view>
<view class="text"><view>责任人</view><b>:</b>{{item.person}}</view>
<view class="text"><view>责任电话</view><b>:</b>{{item.phone}}</view>
</view>
</view>
页面方法如下
onLoad(option) {
this.status=Number(option.status)
console.log("this.status",this.status)
this.item={
status:option.stutas,
name:option.name || '',
idCode:option.idCode || '',
time:option.time || '',
location:option.location || '',
phone:option.phone || '',
person:option.person || '',
headImg:option.headImg || ''
}
this.getHosptail()
},
更多推荐
已为社区贡献1条内容
所有评论(0)