微信小程序入门（六）：条件渲染

在页面数据绑定时会出现有些数据在某些特定的条件下进行某些特定的操作，微信api提供wx:if来进行条件渲染，我们可以写一个例子，根据学生的成绩显示成绩的等级：
index.wxml

<view class='container'>
  <view wx:if='{{score > 90}}'> 等级：A</view>
  <view wx:elif='{{score <90 && score>=80}}'> 等级：B</view>
  <view wx:elif='{{score <80 && score>=70}}'> 等级：C</view>
  <view wx:elif='{{score <70 && score>=60}}'> 等级：D</view>
  <view wx:else='{{score < 60}}'>等级： E</view>
</view>

index.js

Page({
  data: {
    score:70
  }
})

代码编译结果

根据输入的分数显示对应的等级。