该功能主要实现点击或触摸客户端一个组件,跳转到对应页面的功能,一般情况下所传递的参数决定了跳转的目标页面。
这个功能的实现步骤:
1、在原始页面的组件上绑定tap时间,并且规定要传递的参数,示例代码如下:
<image class='comment0' catchtap='onCommentTap' src='../../images/icon/chat1.png' data-postId='0'></image>
2、在原始页面的JS文件中接收参数,并将参数传递至目标页面的js代码:
onCommentTap:function(event){
var postId=event.currentTarget.dataset.postid;
wx.navigateTo({
url:'post-comment/post-comment?id='+postId
})
}
坑1:wxml文件中,定义组件传递参数data-postId 在JS代码中为postid(I转化为小写);
3、在目标页面的JS代码中,接收参数
onLoad: function (option) {
var postId=option.id;
this.setData({
id: postId
})
4、在目标页面的wxml文件中用id来绑定参数。
网友评论