在页面数据绑定时会出现有些数据在某些特定的条件下进行某些特定的操作，微信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
}
})
代码编译结果
6-1.png
根据输入的分数显示对应的等级。
在页面数据绑定时会出现有些数据在某些特定的条件下进行某些特定的操作，微信api提供wx:if来进行条件渲染，我们可...
wx:if 在框架中，使用 wx:if="" 来判断是否需要渲染该代码块：当然，wx:if 是一个控制属性，使用时...
微信小程序入门基础知识 Moustache：我的微信小程序入门踩坑之旅 github精选：微信小程序入门简要教程 ...
微信小程序和网页最大的不同是小程序基于 WebView + JS引擎实现的双线程渲染架构，参考微信小程序的 渲染层...
微信小程序的渲染机制 渲染线程 逻辑线程
1. 指令渲染指令：vx:for每个项目在微信小程序中定好了，都叫item。 2. 微信小程序的列表渲染可以渲染数...
微信小程序开发的记录 渲染标签 条件标签:# way0: true/false是布尔值 006-第一章第六节-微信小程序中的数据绑定与条件渲染 课程配套的源代码地址：https://github.com...[WXOPEN.Club出品] 微信小程序开发视频教程-006-
微信小程序之入门篇（一）微信小程序之注册篇（二）微信小程序之开发初体验（三）——开发工具使用和目录结构微信小程序之...
微信小程序之入门篇（一）微信小程序之注册篇（二）微信小程序之开发初体验（三）——开发工具使用和目录结构微信小程序之...
本文标题：微信小程序入门（六）：条件渲染
本文链接：https://www.haomeiwen.com/subject/rorobqtx.html
网友评论