手揣网教程/应用软件/内容

微信小程序的局部元素的隐藏

应用软件2024-06-21 阅读
[摘要]有时候我们希望页面中的某些元素在特定的时候出现，这样就需要用到局部元素的隐藏功能。这里给到大家一种用标志位来实现局部元素隐藏或者切换的效果。下面的代码主要是功能是：单击first第一个view隐藏，...
有时候我们希望页面中的某些元素在特定的时候出现，这样就需要用到局部元素的隐藏功能。
这里给到大家一种用标志位来实现局部元素隐藏或者切换的效果。

下面的代码主要是功能是：单击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>
1
2

WCSS

.hide{
    display:none
}
更多微信小程序的局部元素的隐藏相关文章请关注PHP中文网！				
				

					
  • 微信
    • 
					
  • 分享
    • 
				

    小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。

    ……
    标签:微信小程序的局部元素的隐藏
     
    相关阅读