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

124 阅读 0 评论 82 点赞

我是靠谱客的博主简单小懒虫，最近开发中收集的这篇文章主要介绍微信小程序的局部元素的隐藏，觉得挺不错的，现在分享给大家，希望可以做个参考。

有时候我们希望页面中的某些元素在特定的时候出现，这样就需要用到局部元素的隐藏功能。
这里给到大家一种用标志位来实现局部元素隐藏或者切换的效果。

下面的代码主要是功能是：单击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
}
登录后复制

以上就是简单小懒虫为你收集整理的微信小程序的局部元素的隐藏的全部内容，希望文章能够帮你解决微信小程序的局部元素的隐藏所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。