微信小程序新手入门不得不踩的坑之为组件绑定事件处理函数event

微信小程序新手入门

今天在进行页面间的数据传输时，在wxml页面一个button添加了事件处理函数：

<button bindtap='toFixInfoPage' data-NO='{{NO}}>Click Me</button>

然后在JS页面添加对应的函数：

toFixInfoPage: function(event){
    wx.navigateTo({
    url: '../fixInfoPage/fixInfoPage?toFixNO=' + event.currentTarget.dataset.NO;
}

结果一直是undefined。最后我在控制台输出看了一下：

console.log(event);
console.log(event.currentTarget.dataset.NO);

结果是event里是完全没问题的，但是NO是undefined

最后我看到event输出的内容里，dataset是：no:"000"，于是我猜想是不是大小写的问题，我接着就试着把它改成小写：

console.log(event.currentTarget.dataset.no);

果然就有输出了！！！

也就是说，在绑定事件处理函数的时候，也就是在wxml页面中，data-设置变量的时候是不分大小写的，但是在js里event的dataset就全部转换成了小写，我们在JS页面也只能用小写才能用它！！！

最后要记得URL中的也要换成小写哦！！！

坑一坑，今夜不关灯。