本篇文章给大家带来的内容是关于微信小程序中数据绑定的实例分析（代码），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
1、微信小程序无法从js页面中绑定wxml页面中的标签，以此来获得或者设置标签的值或者属性，全部都是用数据绑定的方式来实现
2、wxml 中的动态数据均来自对应 page 的 data。
数据绑定：
1、简单的数据绑定
wxml中应用双大括号将data中的数据绑定到相应的标签中：{{ message }} js中： Page({ data: { message: 'Hello MINA!' } })
2、标签属性的绑定
wxml中，其中绑定的要在双引号之中：js中: Page({ data: { id: 0 } })
3、控制属性的绑定
wxml中（绑定在双引号中）//作为条件句出现，可以动态决定某一个标签出现不出现 js中： Page({ data: { condition: true } }) ---或--- wxml中（绑定在双引号中） //作为条件句出现，可以动态决定某一个标签出现不出现 js中： Page({ data: { condition: true } }) //hidden与wx:if的区别： hidden只是隐藏，但是节点是生成的 wx:if不生成节点
4、关键字(需要在双引号之内)
true：boolean 类型的 true，代表真值。 false： boolean 类型的 false，代表假值。特别注意：不要直接写 checked="false"，其计算结果是一个字符串，转成 boolean 类型后代表真值。 //在新版的微信小程序开发工具中，这个问题好像被解决了，即checked="true"也是对的
5、运算
1>三元运算Hidden 2>算数运算{{a + b}} + {{c}} + d Page({ data: { a: 1, b: 2, c: 3 } }) view中的内容为 3 + 3 + d。 3>逻辑判断4>字符串运算 {{"hello" + name}} Page({ data:{ name: 'MINA' } }) 5>数据路径运算{{object.key}} {{array[0]}} Page({ data: { object: { key: 'Hello ' }, array: ['MINA'] } }) //综上： 所有运算都是在{{}}之中进行的，这时候里面就相当于一些语言代码，而不是要呈现的内容
6、组合（不是很常见，不再赘述，如有需要，参考微信小程序开发文档，数据绑定部分）
WeWedding婚纱影楼小程序
下载
婚纱影楼小程序提供了一个连接用户与影楼的平台，相当于影楼在微信的官网。它能帮助影楼展示拍摄实力，记录访客数据，宣传优惠活动。使用频率高，方便传播，是影楼在微信端宣传营销的得力助手。功能特点：样片页是影楼展示优秀摄影样片提供给用户欣赏并且吸引客户的。套系页是影楼根据市场需求推出的不同套餐，用户可以按照自己的喜好预定套系。个人中心可以查看用户预约的拍摄计划，也可以获取到影楼的联系方式。
相关推荐：
