小程序开发基础篇之事件(9)
- 微信应用
- 2024-10-14 15:59:02
小程序开发基础篇之事件(9)
前面说到,微信小程序框架是逻辑层与UI层分析的设计方式,这种设计方式需要解决两个问题 UI层响应逻辑层逻辑和数据的变化UI层将用户的操作反馈到逻辑层 其中前面讲到的数据绑定解决了第一个问题,而事件则解决第二个问题 什么是事件事件是视图层到逻辑层的通讯方式。事件可以将用户的行为反馈到逻辑层进行处理。事件可以绑定在组件上,当达到触发事件,就会执行逻辑层中对应的事件处理函数。事件对象可以携带额外信...
前面说到,微信小程序框架是逻辑层与UI层分析的设计方式,这种设计方式需要解决两个问题 UI层响应逻辑层逻辑和数据的变化UI层将用户的操作反馈到逻辑层 其中前面讲到的数据绑定解决了第一个问题,而事件则解决第二个问题 什么是事件事件是视图层到逻辑层的通讯方式。事件可以将用户的行为反馈到逻辑层进行处理。事件可以绑定在组件上,当达到触发事件,就会执行逻辑层中对应的事件处理函数。事件对象可以携带额外信...
前面说到,微信小程序框架是逻辑层与ui层分析的设计方式,这种设计方式需要解决两个问题
UI层响应逻辑层逻辑和数据的变化UI层将用户的操作反馈到逻辑层其中前面讲到的数据绑定解决了第一个问题,而事件则解决第二个问题
什么是事件事件是视图层到逻辑层的通讯方式。事件可以将用户的行为反馈到逻辑层进行处理。事件可以绑定在组件上,当达到触发事件,就会执行逻辑层中对应的事件处理函数。事件对象可以携带额外信息,如 id, dataset, touches。
总结下来事件就是指发生了一些事情,通常是用户进行了一些操作,如点击某个按钮或在手机屏幕上滑动了手指。当事件发生时,框架会调用事件处理函数(如果有的话),这样就可以实现对用户操作的响应。
事件绑定通过事件绑定来完成对用户操作的响应,比如要处理view标签的tap事件,在标签属性中添加bindtap = 'tapName', 然后在.js中添加tapName函数
//wxml<view id="tapTest" data-hi="WeChat" bindtap="tapName"> Click me! </view>//.jsPage({ tapName: function(event) { console.log(event) }})小程序开发基础篇之事件(9)由讯客互联微信应用栏目发布,感谢您对讯客互联的认可,以及对我们原创作品以及文章的青睐,非常欢迎各位朋友分享到个人网站或者朋友圈,但转载请说明文章出处“小程序开发基础篇之事件(9)”