Heim > WeChat-Applet > Mini-Programmentwicklung > Ausblenden lokaler Elemente des WeChat-Applets

Ausblenden lokaler Elemente des WeChat-Applets

高洛峰
Freigeben: 2018-05-15 11:05:18
Original
2585 Leute haben es durchsucht

Manchmal möchten wir, dass bestimmte Elemente auf der Seite zu bestimmten Zeiten angezeigt werden, daher müssen wir die Funktion zum Ausblenden lokaler Elemente verwenden.
Hier ist eine Möglichkeit, Flag-Bits zu verwenden, um lokale Elemente auszublenden oder zu wechseln.

Die Hauptfunktion des folgenden Codes ist: Klicken Sie zuerst, um die erste Ansicht auszublenden und die zweite anzuzeigen. Klicken Sie auf „Zweite“, um die zweite Ansicht auszublenden und die erste anzuzeigen.
JS-Code

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

WXML

<view class={{flag===0?"hide":""}} bindtap="clickMes1">first </view>
<view class={{flag===1?"hide":""}} bindtap="clickMes2">second</view>
1
2
Nach dem Login kopieren

WCSS

.hide{
    display:none
}
Nach dem Login kopieren

Für weitere verwandte Artikel zum Ausblenden lokaler Elemente von WeChat-Miniprogrammen zahlen Sie bitte Achtung PHP Chinese Net!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage