- 从样式页面WXML向逻辑页面JS传递点击事件的响应函数中传递参数
<!--此为样式页面-->
<block wx:for="{{postList}}" wx:for-item="item" wx:for-index="idx">
<view catchtap="onPostTap" data-postid="{{item.postId}}">
<template is="postItem" data="{{...item}}"/>
</view>
</block>
//此为逻辑层代码
onPostTap: function (event){
var postId = event.currentTarget.dataset.postid;
wx.navigateTo({
url: "post-detail/post-detail?id=" + postId;
})
}
样式页面通过data-***来传递；逻辑层页面通过event.currentTarget.dataset.***（只接受小写）来接收，多用于在wx: for中告知逻辑层用户所点击模块的序号
2. wx.navigate通过url跳转页面时向所要跳转到的页面传递参数
//需要传递的参数名为postId
wx.navigateTo({
url: "post-detail/post-detail?id=" + postId
})
//另一页面接收参数
onLoad: function (option) {
var postId = option.id;
}
注：以上为七月老师在慕课网视频的学习笔记