<!-- helloworld.wxml -->
<view>今天吃什么?</view>
<view wx:if="{{condition===1}}">
饺子
</view>
<view wx:elif="{{condition===2}}">
米饭
</view>
<view wx:else>
面食
</view>
<!-- helloworld.js -->
Page({
/**
* 页面的初始数据
*/
data: {
condition:Math.floor(Math.random()*3+1)<br> //floor:取整<br> //random():返回一个0-1之间的小数<br>
}
})
WXML 条件渲染 Demo
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 一、class与style绑定 1.在应用界面中, 某个(些)元素的样式是变化的class/style 绑定就是专...