小程序 wx:if 动态显示布局

微信小程序最基本的分支结构控制，wx:if，通过js中的变量控制同一位置的不同显示

.wxml

<view wx:if="{
   
   {value == 1}}">
	<view>显示内容1</view>
</view>

<view wx:elif="{
   
   {value == 2}}">
	<view>显示内容2</view>
</view>

<view wx:else>
	<view>显示其他内容</view>
</view>

.js

Page({

  /**
   * 页面的初始数据
   */
  data: {
     value:2
  },
})

效果如下：