微信小程序开发 --1.3页面跳转数据传递

文章讲述了在A页面中,通过view的click事件结合dataset将元素id存储并传递到B页面。当用户点击按钮时,执行toEventDetail函数,获取data-id的值,并用wx.navigateTo方法带入跳转链接。在B页面的onLoad生命周期函数中,接收到传递的id参数并设置为当前页面的数据currentID。
摘要由CSDN通过智能技术生成

通过点击事件跳转页面,将元素的值存入data-id,在跳转链接里传递。

A页面的wxml

<view data-id="{{item.id}}" bindtap="toEventDetail"><button>活动报名</button></view>

A页面的js

toEventDetail(e){  
        var id = e.currentTarget.dataset.id  
        wx.navigateTo({
            url: '/pages/module_event/eventDetail/eventDetail?id='+id,                  
        }) 
},

参数传递:多个参数之间使用 &

把链接传递的数据存储在B页面的AppData里。

B页面的js

onLoad: function (options) {
        var id = options.id 
        this.setData({
            currentID:id
        })
},

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值