wx:if的使用
1、一般代码:
<view wx:if="{
{type === 1}}">西游记</view>
<view wx:elif="{
{type === 2}}">红楼梦</view>
<view wx:else="">三国演义</view>
2、与配合使用
由于是标签,而不是组件,所以不会被渲染,只起到包裹组件的容器功能。
<block wx:if="{
{true}}">
<view>醉里挑灯看剑</view>
<view>只道天凉好个秋</view>
</block>
3. 类似属性hidden
通过设置hidden属性的值,来隐藏或显示组件。
与其他组件一起使用可以达到不同效果。
<view hidden="{
{jianc}}">雄关漫道真如铁</view>
<view hidden="{
{jianc?false:true}}">而今迈步从头越</view>
<button bindtap="gosxj">{
{sxj}}</button>
gosxj(){
let jc = this.data.jianc
if(jc === false){
this.setData({
sxj:"下一句",
jianc:true
})
}else