微信小程序——数据绑定和事件绑定

数据绑定

数据绑定是将一个用户界面元素的属性绑定到一个类型实例上的某个属性的方法

数据绑定的基本原则
  1. 在 data 节点中定义数据
  • 在页面对应的 .js 文件中,把数据定义到 data 对象中
  1. 在 WXML 中使用数据
  • 在页面对应的 WXML 文件中,使用 Mustache 语法将数据渲染的页面
Mustache 语法

微信小程序中的 Mustache 语法用双大括号来表示,类似于 Vue 中的差值表达式。

  1. 格式
    使用双大括号将变量包起来,如果要将 info 变量对应的值渲染到页面上,代码如下
    <view> {{ info }} </view>

  2. 应用场景

  • 绑定内容
  • 绑定属性
  • 运算 如三元表达式运算、算数运算等

事件绑定

事件是渲染层到逻辑层的通信方式,通过事件可以将用户在渲染层产生的行为,反馈到逻辑层进行业务的处理。

小程序中常用的事件

常用的事件有 tap、input 和 change,详细说明如下

常用事件
事件对象的属性列表

当事件的回调函数被触发时,会收到一个事件对象 event,其详细属性如下

event 详细属性
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容