微信小程序页面如何传递参数

时间:2022-12-06 01:17

微信小程序页面如何传递参数

微信小程序页面传递参数的示例:

示例1:

在对应的wxml文件中添加以下代码:

<blockwx:for="{{postList}}"wx:for-item="item"wx:for-index="idx">

<viewcatchtap="onPostTap"data-postid="{{item.postId}}">

<templateis="postItem"data="{{...item}}"/>

</view>

</block>

在对应的js文件中添加以下代码:

onPostTap:function(event){

varpostId=event.currentTarget.dataset.postid;

wx.navigateTo({

url:"post-detail/post-detail?id="+postId;

})

}

示例2:

A页面代码:

//需要传递的参数名为postId

wx.navigateTo({

url:"post-detail/post-detail?id="+postId

})

B页面代码:

//另一页面接收参数

onLoad:function(option){

varpostId=option.id;

}

标签:
随便看看
本类推荐
本类排行
热门标签

我国国家通讯社行不行啊细狗新年贺词祝福语2023年祝福语新年新年贺词新年贺词祝福语居家抗病毒小药箱除夕高速免费吗2022年除夕高速免费吗春联春联句子大全春联句子大全七字年夜饭十二道菜年夜饭十二道菜单年夜饭吃什么年夜饭吃什么菜吃年夜饭的寓意年夜饭黑芝麻菊花茶晒菊花茶腌腊肉送妈妈生日礼物汉白玉送闺蜜水钻送女人礼物爸爸生日送礼物送老公