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

高洛峰
Lepaskan: 2018-05-15 11:05:18
asal
2569 orang telah melayarinya

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

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

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

WXML

<view class={{flag===0?"hide":""}} bindtap="clickMes1">first </view>
<view class={{flag===1?"hide":""}} bindtap="clickMes2">second</view>
1
2
Salin selepas log masuk

WCSS

.hide{
    display:none
}
Salin selepas log masuk

更多微信小程序的局部元素的隐藏相关文章请关注PHP中文网!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan