首页 > 微信 > 详细

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

时间:2018-03-01 15:55:28      阅读:897      评论:0      收藏:0      [点我收藏+]

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条件渲染

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!