微信小程序> 【微信小程序】WXML微信标签语言特性数据绑定

【微信小程序】WXML微信标签语言特性数据绑定

浏览量:1372 时间: 来源:我仅是只程序媛吗
  • 进行数据的动态更新,使用Mustache的方法,变量名加双括号的语法。

可以使用于文本绑定,wxml中格式如下:

text      {{message}}/text

js文件如下:

Page({  data: {    message: '显示一下:社会人,你好'  }})

显示如下:

小程序

也可以使用在属性值中:

注意事项:变量属性小写。

text data-name="{{theName}}"/text
//jsPage({  data: {    theName: 'janny'  }})

也可以用于运算符绑定,wxml如下:

view hidden="{{flag?true:false}}"    Hidden/view

//jsPage({  data: {    flag: true  }})

还有字符串绑定,组合式绑定,扩展运算符绑定,控制属性,关键字,运算(三元运算,算数运算,逻辑判断,字符串运算,数据路径运算,组合,数据,对象(如果存在相同的变量,后者会覆盖前者))

注意事项:花括号和引号间如果有空,则默认为字符串。

小程序中的共同属性:

id:String类型 组件的唯一表示

class:String类型 对应的样式类

style:  String类型 内联样式

hidden:Boolean类型 默认显示

data-*: Any类型 自定义属性,组件上触发的事件时,会发送给事件处理函数。

bind*/catch*  EventHandler类型 组件事件

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎