微信小程序之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.方法名的作用自行百度。