首页 > 代码库 > wxml解析
wxml解析
一、数据绑定
wxml中的动态数据均来自于对应js文件中的Page的data,在js中访问Page的data用this.data, 改变data中某个属性的值用setData()方法。
Page({
data: {
id: 0,
message: "hello",
condition:true
}
})
简单绑定:
数据绑定使用Mustache语法(双大括号)将变量包起来
<view> {{message}} </view>
作用与组件属性:
<view id="item-{{id}}" </view>
作用于控制属性:
<view wx:if="{{condition}}"> </view>
运算:
三元运算: <view hidden="{{flag?true: false}}" > hidden </view>
算术运算: <view {{a + b}} + {{c}} + d </view>
逻辑运算:
<view wx:if="{{ length > 5 }}" > </view>
字符串运算:
<view> {{"message" + name }} </view>
二、wxml 组合
可以在Mustache内直接进行组合,构成新的对象或者数组;
<view wx:for="{{[zero, 1, 2, 3]}}" > {{item}} </view>
wxml解析
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。