Mustache语法实现数据绑定-wxml

254 阅读1分钟

1.定义数据
在data中定义页面的数据
在页面对应的js文件中
把数据定义在data对象中即可
2.使用数据进行动态绑定内容
mustache语法格式{{双大括号}}将变量包起来即可

动态绑定数据

<view>{{要绑定数据的名称}}</view>

页面

截屏2022-05-14 下午6.36.01.png

js中的data定义

截屏2022-05-14 下午6.36.42.png

动态绑定属性

页面

截屏2022-05-14 下午6.43.09.png

js中的data定义

截屏2022-05-14 下午6.43.33.png

三元运算符

页面

截屏2022-05-14 下午6.55.52.png

js中的data定义

截屏2022-05-14 下午6.55.20.png

算数运算

页面

截屏2022-05-14 下午7.01.23.png

js中的data定义

截屏2022-05-14 下午7.02.24.png