위챗 애플릿 설정 확장 접기

3182 단어 위챗 애플릿
애플릿에 DOM 작동 방법이 없기 때문에 해당 DOM 노드를 높이 설정할 수 없습니다.

솔루션

  • 1.css 방안
  • class="{{isFold ?'flod':'extend' }}" bindtap="flodFn">
         
    
    .flod{
        // 
    }
    .extend{
        // 
    }
    flodFn:function(){
        this.setData({
           isFold: !this.isFold 
        });
    }
    
  • 2.동적 렌더링 시나리오
  • <view bindtap="flodFn">
    <view wx:if="{{isFold}}" >
         
    view>
    <view wx:else>
         
    view>
    view>
    flodFn:function(){
        this.setData({
           isFold: !this.isFold 
        });
    }

    고급


    목록이라면 복잡한 데이터 처리와 결합하여 읽는 것을 권장합니다
    https://weappdev.com/t/topic/468
    https://weappdev.com/t/topic/420

    좋은 웹페이지 즐겨찾기