wx:if 与wx:else

看官方文档wx:if 与wx:else 是放在 条件渲染里面来讲的的,

由此可以看出他们的作用就是渲染之类的作用

官方文档地址

看先一些说明吧:

 

一个简单的例子:

有个图片默认的时候不显示,点击按钮的时候才让图片显示

这个时候使用wx:if 挺好的,条件渲染嘛

 

给出代码:

<view>

<image src='http://pl3g5zt02.bkt.clouddn.com/icon4.jpg' class='img' wx:if="{{isShow}}"></image>

<button bindtap='btn'>点击出现图片</button>

</view>

js中

btn:function(){

this.setData({

isShow: true

})

},

这样点击的图片就显示出来了,

wx:else 原理一样.