点击列表,根据不同Id (参数)进入详情页

第一步:请求你要的参数
第二步:跳转时把这个参数绑定在循环上
第三步:实现功能,点击跳转对应页面
第四步:接受参数使用

第一步:请求

				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)
		}
  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值