• 小程序 --- 事件绑定(八)


    一、事件

    定义:事件是视图层到逻辑层的通讯方式。

    能干哈:

      1、可以将用户的行为反馈到逻辑层进行处理,

      2、可以绑定在组件上,当达到触发事件,就会执行逻辑层中对应的事件处理函数,

      3、事件对象可以携带额外信息,如 id, dataset, touches。

    借助input 标签对事件进行学习

    1、实现页面输入啥,控制台打印啥

    1、给input标签绑定input 事件,绑定需要触发事件的关键字
       <input></input> 可以简写成 <input />
    2、通过事件源对象获取输入框中的值,事件对象就是js中的参数(e),获取值时通过,e.detail.value,参数名可以起不同的名字

     2、实现输入什么数字,就在下面显示什么数字

    注意,赋值方式是 

     this.setData({
             num:ev.detail.value
     })
    
    //num 表示js 页面初始数据中 的一个变量名
    //ev 表示这个事件的参数(也有个名字叫事件源)

     3、点击按钮触发事件

    借助自定属性进行传值   data-operation=""

     4、实现点击后获取自定义属性中值对num 值进行调整

     //获取自定义属性  operation
        const operation=e.currentTarget.dataset.operation;
        //将自定义属性中的值赋值给num
        this.setData({
          num: this.data.num + operation
        })

    https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/event.html
  • 相关阅读:
    USACO Broken Necklace 通过了
    USACO Broken Necklace
    推荐顺序ACM
    usaco暂时无法访问
    格式
    稳定排序
    归并排序
    浅析Struts1和Struts2的Action线程安全问题
    判别式模型与生成式模型的区别
    远景能源一面
  • 原文地址:https://www.cnblogs.com/obge/p/13679082.html
Copyright © 2020-2023  润新知