微信 初始 for if 绑定数据 修改数据

1. wxml 部分

<!--index.wxml-->
<view id="index"> 
  <view class="p" wx:for="{{array}}" wx:if="{{item.sex==flag}}">
  姓名：{{item.name}}
  年龄：{{item.age}}
  性别：{{item.sex}}
  </view>
  <button bind:tap="showMan">只展示男生</button>
  <button bind:tap="showWoman">只展示女生</button>
</view>

2. js部分

// index.js
Page({
  data:{
    array:[
        {
          name:'张三',
          age:'18岁',
          sex:'男',
        },
        {
          name:'李四',
          age:'20岁',
          sex:'男',
        },
        {
          name:'王祺',
          age:'30岁',
          sex:'女',
        },
    ],
    flag:'男' 
  },
  showMan(){  
    this.setData({
      flag:'男'
    })
      console.log('男生')
  },
  showWoman(){
    this.setData({
      flag:'女'
    })
    console.log('女生')
  }

})

json部分

{
  "navigationBarTitleText": "宠物帮领养中心",
  "navigationBarTextStyle": "white",
  "navigationBarBackgroundColor": "#ff6034",

  "usingComponents": {}
}

wxss 部分

/**index.wxss**/

/* #index{
  display: flex;
} */
.p{
  width: 100%;
  border: 2rpx solid #ccc;
  text-align: center;
  margin: 20rpx;
}