实例：
//helloworld.wxml
<view>今天吃什么？</view>
<view wx:if="{{condition==1}}">jiao zi</view>
<view wx:elif="{{condition==2}}">mi fan</view>
<view wx:else>mian shi</view>
//helloworld.js
Page({
data:{
condition:Math.floor(Math.random()*3+1)
}
})
Math.foor求一个浮点数的地板，就是求一个最接近它的整数，它的值小于或等于这个浮点数,比如Math.foor（-5.1）=-6
Math.random()令系统随机选取大于等于 0.0 且小于 1.0 的伪随机 double 值
Math.floor(Math.random()*3+1)表示随机获取一个1到3的整数。
运行结果：
实例： //helloworld.wxml
小程序条件渲染
block 占位符标签 写代码的时候 可以看到标签的存在 页面渲染 小程序会把它移除掉 条件渲染 1.wx:if ...
学习目标 小程序生命周期 wxml数据渲染，列表渲染， 条件渲染 组件事件绑定 (bindtap, bindinp...
wx:if 在框架中，使用 wx:if="" 来判断是否需要渲染该代码块：当然，wx:if 是一个控制属性，使用时...
复习一下 1.小程序如何遍历 2.小程序如何实现条件渲染 3.小程序如何绑定事件 4.小程序如何跳转页面 5.小程...
小程序中使用 wx:if="{{condition}}" 进行条件渲染，当condition为true时，携带 w...
一、列表渲染 1、wx:for 在组件上使用 wx:for 控制属性绑定一个数组，即可使用数组中各项的数据重复渲染...
微信小程序开发的记录 渲染标签 条件标签:# way0: true/false是布尔值 在页面数据绑定时会出现有些数据在某些特定的条件下进行某些特定的操作，微信api提供wx:if来进行条件渲染，我们可...
微信小程序入门（六）：条件渲染
本文标题：小程序之条件渲染
本文链接：https://www.haomeiwen.com/subject/cahmqqtx.html
网友评论