위챗 앱 로딩(로딩 중 표시) 예제

微信小程序 로딩 표시 팝업:

로딩은 hidden 하나의 속성만 있습니다

.wxml

<view>
 <loading hidden="{{hidden}}">
  로딩 중...
 </loading>
 <button bindtap="changeHidden">show/hidden</button>
</view>

.js

Page({
 data: {
  hidden: true
 },
 changeHidden: function(){
  this.setData({
   hidden: !this.data.hidden
  });
 }
)  

효과

팝업이 나타나면, 팝업 외에는 응답하지 않기 때문에, 버튼을 다시 클릭하면 팝업을 숨기지 못합니다.

읽어주셔서 감사합니다. 여러분의 도움이 되었기를 바랍니다. 여러분의 사이트 지원에 감사합니다!