微信小程序开发三(动态绑定、三元运算、if判断和for循环)

动态绑定: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>
  • 9
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

twx95

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值