动态绑定:js文件
声明一个变量:
msg:"标签内容"
动态绑定:wxml文件
<input value="{{msg}}" />
三元运算:
声明一个变量:
num:10
运算:
<view>{{num > 10 ? "输入的值大于10":"输入的值小于等于10"}}</view>
if判断:
声明一个变量:js文件
age:100
判断:
<view wx:if="{{age >=80}}">老人</view> <view wx:elif="{{age <= 60 && age > 40}}">中年人</view> <view wx:elif="{{age >= 20 && age <= 40}}">壮年</view> <view wx:else="">少年</view>
for循环:
声明一个变量:js文件
arrs:[1,7,0]
循环:
<view wx:for="{{arrs}}" wx:key="index">{{item}}</view>
item:默认的接收名称
index:默认的下标名称
不想使用默认的名称如何处理?
<view wx:for="{{arrs}}" wx:for-index="ids" wx:for-item="arr" wx:key="ids">{{arr}}</view>
wx:for-item:设置接收名称
wx:for-index:设置下标名称
js文件代码:
data: { msg:"标签内容", num:10, age:100, arrs:[1,7,0] },
wxml文件代码:
<input value="{{msg}}" /> <view>{{num > 10 ? "输入的值大于10":"输入的值小于等于10"}}</view> <view wx:if="{{age >=80}}">老人</view> <view wx:elif="{{age <= 60 && age > 40}}">中年人</view> <view wx:elif="{{age >= 20 && age <= 40}}">壮年</view> <view wx:else="">少年</view> <view wx:for="{{arrs}}" wx:key="index">{{item}}</view> <view wx:for="{{arrs}}" wx:for-index="ids" wx:for-item="arr" wx:key="ids">{{arr}}</view>