微信小程序--条件渲染-Demo
Posted cpu-easy
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了微信小程序--条件渲染-Demo相关的知识，希望对你有一定的参考价值。
<!-- 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)
//floor:取整
//random():返回一个0-1之间的小数
}
})
文件结构：
运行结果：
以上是关于微信小程序--条件渲染-Demo的主要内容，如果未能解决你的问题，请参考以下文章