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

微信小程序 --- if/else条件渲染

时间:2018-03-01 17:26:38      阅读:762      评论:0      收藏:0      [点我收藏+]

标签:data   程序   app   func   class   cli   fun   const   off   

if 条件渲染:当为真的时候显示,当为假的时候隐藏;

else 条件渲染:当为真的时候隐藏,当为假的时候显示;

<view wx:if="{{true}}">{{text}}</view>
<view wx:else="{{false}}">{{text}}</view>

可以这样玩:

<button bindtap="btnclick">{{text}}</button>
<view wx:if="{{onOff}}">{{text}}</view>
<view wx:else="{{onOff}}">{{text}}</view>

page.js

//获取应用实例
const app = getApp()
Page({
  data: {
    text: "点击",
    message:"不错的孩子!",
    onOff: false
  },
  btnclick:function(){ 
      var onOff = this.data.onOff;
      this.setData({text:"hello",onOff:!onOff});
  }
})

 

微信小程序 --- if/else条件渲染

标签:data   程序   app   func   class   cli   fun   const   off   

原文地址:https://www.cnblogs.com/e0yu/p/8488331.html

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