微信小程序--条件渲染-Demo

时间:2018-10-28 14:51:38   收藏:0   阅读:163
<!-- 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之间的小数
} })  

 

 

文件结构:

技术分享图片

 

运行结果:

技术分享图片

评论(0
© 2014 mamicode.com 版权所有 京ICP备13008772号-2  联系我们:gaon5@hotmail.com
迷上了代码!