小程序实现局部元素隐藏

原理:这里主要通过在设置标志来让局部进行隐藏或者切换。


下面的代码主要是功能是:单击first第一个view隐藏,第二个展示。单击second第二个view隐藏,第一个展示。


JS代码

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

WXML

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

WCSS

.hide{
	display:none
}
相关推荐
©️2020 CSDN 皮肤主题: 撸撸猫 设计师:马嘣嘣 返回首页