第一步:请求你要的参数
第二步:跳转时把这个参数绑定在循环上
第三步:实现功能,点击跳转对应页面
第四步:接受参数使用
第一步:请求
this.$http.get('', {
station_id: 2745,
}).then(res => {
if (res.data.result === 1) {
let server = res.data.data;
server.list.forEach(item => {
this.baconlist.push({
meter_id: item.meter_id, //传递的参数
})
})
} else {
uni.showToast({
icon: 'none',
title: '没有数据'
})
}
})
第二步:给页面上循环绑定值
<view class="contentblocks" v-for="(item,index) in baconlist">
<view class="bacon-btn">
<!--跳转时传递的参数是item.meter_id,跳转方法:goinfo()-->
<u-button @tap="goinfo(item.meter_id)">查询</u-button>
</view>
</view>
第三步:实现跳转功能
goinfo(meterid) {
console.log('仪表id'+meterid)
uni.navigateTo({
//meterid要在下个页面,通过option接受这个参数
url: `../XXX/XXX?meterid=${meterid}`
})
}
接受参数的页面(第四步)
//Page:newPage
onLoad(option) {
this.meterid = option.meterid; //页面data定义一个meterid接受参数,用作本地值使用
console.log(this.meterid)
}