微信小程序笔记- if / for

条件渲染 wx:if

<view wx:if="{{score > 90}}">
  给你买个大礼物
</view>
<view wx:elif="{{score>70}}">
  下次继续努力
</view>
<view wx:else="{{score>70}}">
  停止吃鸡一个月
</view>

if和hidden的区别

if前后两端代码不一定加载 hidden会全部渲染加载

频繁切换时使用hidden较合理

<view hidden>
  hidden语句块
</view>

列表渲染 wx:for

<view>列表渲染</view>
<view wx:for="{{['toni','mary','honey','lisha']}}">
  {{index}} : {{item}} 
</view>

默认列表关键字 index (列表索引) ,item （列表成员）,该默认值可以修改

    wx:for-index='idx'
    wx:for-item='itm'

可以定义自己的索引名称和成员名称

  <view wx:for="{{['toni','mary','honey','lisha']}}" 
    wx:for-index='idx'
    wx:for-item='itm'>
    {{idx}} : {{itm}}
  </view>

嵌套时就需要修改item,要不然索引不到 

<view>嵌套</view>
<view class="line">
  <view wx:for="{{[1,2,3,4,5,6,7,8,9]}}" wx:for-item='i'>
    <view wx:for="{{[1,2,3,4,5,6,7,8,9]}}" wx:for-item='j'>
      <view wx:if="{{i<=j}}">
        {{i}} * {{j}} = {{i*j}}
      </view>
    </view>
  </view>
</view>