码迷,mamicode.com
首页 > 微信 > 详细

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

时间:2018-10-28 14:51:38      阅读:163      评论:0      收藏:0      [点我收藏+]

标签:技术分享   view   lap   bsp   src   微信   返回   inf   page   

<!-- 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

标签:技术分享   view   lap   bsp   src   微信   返回   inf   page   

原文地址:https://www.cnblogs.com/CPU-Easy/p/9865491.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!