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

作者: Answer_ccbb | 来源:发表于2019-01-31 08:09 被阅读0次

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

这个功能的实现步骤:

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

相关文章

网友评论

    本文标题:前端01-参页面跳转及传参功能

    本文链接:https://www.haomeiwen.com/subject/rluzjqtx.html