前端01-参页面跳转及传参功能

       该功能主要实现点击或触摸客户端一个组件，跳转到对应页面的功能，一般情况下所传递的参数决定了跳转的目标页面。

这个功能的实现步骤：

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来绑定参数。