[toc]

1、实现事件绑定

<!--pages/demo/demo.wxml-->
<input type="text" bindinput="datainput" />
// pages/demo/demo.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
  },
  datainput : function(e){
    console.info(e);
  }
})

当输入1和2时,发现控制台打印了俩次
image.png

2、获取输入值

根据打印结果进行取值
image.png
发现元值中detail中存在输入值

e.detail.value

image.png

3、绑定事件传参数

小程序中事件参数不能使用下边形式

<input type="text" bindinput="datainput(100)"  />

小程序中通过使用属性的形式来获取绑定事件传值的效果

<input type="text" bindinput="datainput" data-va="100" />

通过打印日志,可以看到,元数据中的currentTarget下dataset存在属性va

e.currentTarget.dataset.va

image.png
image.png

image.png
image.png

Q.E.D.


只有创造,才是真正的享受,只有拚搏,才是充实的生活。