小程序的事件绑定

事件绑定

1.不带参数的函数

1.当需要事件时可以通过在js中写入一个方法,但是要和page同级
2.在标签中写入bind名称="函数名" 去设置事件.

Page({
    data: {
      num:0
    },
  handinput(e){
    console.log(this.setData({
      num:e.detail.value  //其中this.setData({是用来改变值得})
    }));
  }
})
<input  type="text" bindinput="handinput"/>
2.带参数的函数传递

1.按钮只能用bindtap,记住不是bindbutton.
2.只能写入函数名字,不能写入带参数的函数名字例如:aaa(1)
3.如果想要传入参数,通过标签⾃定义属性的⽅式 和 value
<input bindinput="handleInput" data-item="100" />
4.如果想要获得参数,需要通过传入的参数e来查看获取参数.
代码如下

 handtop(e){
    //console.log(e.currentTarget.dataset.operation);
     const operation=e.currentTarget.dataset.operation;   //这个值得获取需要谨慎.
    this.setData({
      num:this.data.num+operation
    });
  }
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容