微信小程序数据绑定
数据绑定
WXML 中的动态数据均来自对应 Page 的 data。
1、简单绑定
数据绑定使用 Mustache 语法(双大括号)将变量包起来,可以作用于:
1.1内容 {{ message }} Page({ data: { message: "Hello MINA!" } })
1.2 组件属性(需要在双引号之内) Page({ data: { id: 0 } })
1.3 控制属性(需要在双引号之内) Page({ data: { condition: true } })
1.4 关键字(需要在双引号之内) true:boolean 类型的 true,代表真值。 false: boolean 类型的 false,代表假值。
特别注意:不要直接写 checked="false",其计算结果是一个字符串,转成 boolean 类型后代表真值。
2、运算
可以在 {{}} 内进行简单的运算,支持的有如下几种方式:
2.1 三元运算 Hidden
2.2 算数运算 {{a + b}} + {{c}} + d Page({ data: { a: 1, b: 2, c: 3 } }) view中的内容为 3 + 3 + d。
2.3 逻辑判断 5}}"> 字符串运算 {{"hello" + name}} Page({ data:{ name: "MINA" } })
2.4 数据路径运算 {{object.key}} {{array[0]}} Page({ data: { object: { key: "Hello " }, array: ["MINA"] } })
3、组合
也可以在 Mustache 内直接进行组合,构成新的对象或者数组。
3.1 数组 {{item}} Page({ data: { zero: 0 } }) 最终组合成数组[0, 1, 2, 3, 4]。
3.2 对象 Page({ data: { a: 1, b: 2 } }) 最终组合成的对象是 {for: 1, bar: 2}
也可以用扩展运算符 ... 来将一个对象展开 Page({ data: { obj1: { a: 1, b: 2 }, obj2: { c: 3, d: 4 } } }) 最终组合成的对象是 {a: 1, b: 2, c: 3, d: 4, e: 5}。
如果对象的 key 和 value 相同,也可以间接地表达。 Page({ data: { foo: "my-foo", bar: "my-bar" } }) 最终组合成的对象是 {foo: "my-foo", bar:"my-bar"}。
注意:上述方式可以随意组合,但是如有存在变量名相同的情况,后边的会覆盖前面,如: Page({ data: { obj1: { a: 1, b: 2 }, obj2: { b: 3, c: 4 }, a: 5 } }) 最终组合成的对象是 {a: 5, b: 3, c: 6}。
特斯拉诉讼消费者的背后或是想恶意丑化中国2019年6月,韩潮通过特斯拉官方认证二手购买了一辆特斯拉ModelS车型。后韩潮委托了机动车司法鉴定机构对车辆进行检测,鉴定为事故车。韩潮以特斯拉销售事故二手车,存在销售欺诈为由
腾讯证实制片人张萌涉案,已移交司法机关每经记者毕媛媛每经编辑董兴生近日,一份腾讯视频制片人张萌被抓的消息在网络上不胫而走。甚至有消息称,腾讯视频业务管理层牵涉到了由郑爽主演的遗留剧倩女幽魂(现已改名只问今生恋沧溟)。1
美国要偷芯最近的美国要求台积电三星和SK海力士等芯片厂商交出数据,包含库存量,订单等等关键信息美其名曰为解决芯片严重缺货的问题,需要厂商交出信息共同研究解决为什么美国可以对各大芯片厂商进行限
币圈那些事美国运通CEO将加密货币视为黄金正密切关注CBDC发展金色财经报道,美国运通首席执行官StephenSqueri表示,他将加密货币视为一种类似黄金的资产类别。Squeri不认为加密
怎样糟心的经历让你彻底放弃某个品牌的手机?去年给老婆买了一部红米K30,本来用起来感觉还挺好的,但是这部手机在不该坏的两个时间点坏了,导致我对红米手机有了阴影,本来今年双十一准备给自己买一部K40,结果果断放弃了。第一次坏
三体是否被有些人过度吹捧,而对其他科幻作品评价低于原本的高度?对于任何一部小说来说,吹捧是能起到提高小说知名度的。而真正好的小说,则是被更多的观众和粉丝喜爱,从而不断提高知名度的。三体就是这样一部小说。首先,我们来分析一下三体为什么会让这么读
荣耀V50日期定档,全系骁龙898100W快充,硬核实力加强现在的荣耀手机品牌确实是意气风发,也许是因为独立之后自由度更高,所以荣耀把做手机的潜力这些全部释放出来,确实有发展成大品牌的迹象。今年荣耀的手机全面复苏,比较明显的就是恢复了Mag
2021之江杯AI大赛创业赛北京站举办10月22日,2021之江杯全球人工智能大赛创业赛北京分站赛举行,共有9支参赛团队进行了项目路演,最终AI赋能脑控智能康复轮椅商用优化求解器COPT爻宇宙3个项目成功晋级决赛。AI
西门子冰箱和海尔冰箱哪个好?感觉这个问题,指向性有点强普通人买东西,买的是性价比,这种功能性家电,主要就是实用性要强。这两个牌子,显然就局限了。大冰箱有大冰箱的好处,就是容量大,对于家庭成员比较多,成员不是每
SanagX6P蓝牙音箱测评有个性有玩法,却美得不像音箱作为一枚音乐爱好者,我就偏爱用音箱听歌,这种听歌方式更加的放荡不羁爱自由,更能享受音乐的那种奔放魅力,也能够与家人朋友齐分享,重要的是也不会耽误自己去做手头上其他的事,不影响与人沟
linux之同时监控多个日志文件变化MultiTail是一个开源的ncurses的实用工具,可用于在一个窗口或单一外壳,显示实时一样的尾巴命令,该命令拆分控制台为更多子窗口的日志文件的最后几行(很像显示多个日志文件到