微信小程序之bindtap事件绑定传参

Posted 兔子先生

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序之bindtap事件绑定传参相关的知识,希望对你有一定的参考价值。

wxml代码:

<view class=‘fen‘>
    <text bindtap=‘prev‘ data-page="{{pageDang}}">上一页</text>
    <text bindtap=‘next‘ data-page="{{pageDang}}">下一页</text>
</view>

js代码:

prev:function(e){
    //当前页-1
    var cnt=e.currentTarget.dataset.page-1;
    if(cnt!=0){
      this.setData({
        pageDang: cnt
      })
      this.getList(cnt);
    }
  }

解读:

  在prev这个函数中,带一个参数e (event) ,它是一个对象,里面带有很多内容,具体自己可以在控制台打印输出看看,

  之后我们通过e.currentTarget.dataset.这里填写你的自定义属性(只需填data-后面的就可以了),上面代码是e.currentTarget.dataset.page

  currentTarget 表示事件绑定的当前组件。更多 e.方法名  的作用自行百度。

以上是关于微信小程序之bindtap事件绑定传参的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序点击事件bindtap如何传参

微信小程序点击事件bindtap如何传参

微信小程序通过点击事件传参(data-)

微信小程序-bindtap事件子元素不传参

微信小程序事件绑定,你搞懂了吗?

微信小程序地图控件怎么绑定事件