小程序事件绑定使用-Toy模板网

这篇具有很好参考价值的文章主要介绍了小程序事件绑定使用。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

在组件中绑定一个事件处理函数

<view id="tapTest" data-hi="Weixin" bindtap="tapName"> 点击我 </view>

然后在相应的page定义中写上相应的事件处理函数，参数是event

Page({
  tapName: function(event) {
    console.log(event)
  }
})

在微信小程序中，点击事件是使用bindtap

小程序中传递参数，把参数以属性绑定的形式绑定到目标元素上，data-属性名="值"

定义的函数形参上，event.target.dataset来获取绑定的属性参数即可

如果我们要传递的参数比较大的情况下，我们可以使用小程序的本地存储来获取数据，setStorageSync

<view>
  {{msg}} -- {{num}}
  <button type="primary" data-name="小明" data-age="40" id="10" bindtap="plus">点击事件</button>
</view>

获取数据

plus(event){
    console.log("点击事件的调用",event.target.dataset);
    this.setData({
      num:this.data.num+Number(event.target.id),
    })
},

除此以外，我们还有一些其他的内置事件

我们可以设置一个到顶部事件，只需要设置scrolltop为0即可，使用duration设置动画时间文章来源地址https://www.toymoban.com/news/detail-494284.html

 toTop(){
    wx.pageScrollTo({
      scrollTop:0,
      duration:1000,
    })
  },

到了这里，关于小程序事件绑定使用的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

小程序事件绑定使用