实现微信小程序实现局部元素隐藏的方法

代码展示思路：单击first第一个view隐藏，第二个展示。单击second第二个view隐藏，第一个展示。希望对大家有帮助！

前端样式：wxcss

.hide{
    display:none
}

前端页面：wxml

<view class="{{flag===0?'hide':''}}" bindtap="clickMes1">first </view>
<view class="{{flag===0?'hide':''}}" bindtap="clickMes2">second</view>

前端JS ：

Page({
  data:{
      flag:0
  },
  clickMes1: function(){ 
      falg=1
  } ，
  clickMes2: function(){ 
      falg=1
  }
}）

模板简介：该模板名称为【实现微信小程序实现局部元素隐藏的方法】，大小是，文档格式为.，推荐使用打开，作品中的图片，文字等数据均可修改，图片请在作品中选中图片替换即可，文字修改直接点击文字修改即可，您也可以新增或修改作品中的内容，该模板来自用户分享，如有侵权行为请联系网站客服处理。欢迎来懒人模板【小程序教程】栏目查找您需要的精美模板。