美文网首页
WXML 条件渲染 Demo

WXML 条件渲染 Demo

作者: CPU_Easy | 来源:发表于2018-10-28 14:38 被阅读0次
    <!-- 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

          本文链接:https://www.haomeiwen.com/subject/vkgptqtx.html