微信小程序局部元素隐藏的方法与技巧详解

why 142 2024-09-23 14:41:30

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

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

1

2

3

4

5

6

7

8

9

10

11

Page({

  data:{

      flag:0

  },

  clickMes1: function(){

      falg=1

  } ,

  clickMes2: function(){

      falg=1

  }

})

WXML

1

2

3

4

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

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

1

2

WCSS

1

2

3

.hide{

    display:none

}


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:微信小程序授权第三方管理开发的具体步骤教程解析
下一篇:微信小程序后台解密用户数据的示例及方法介绍
相关文章