숨겨진 미니 프로그램이 실행되지 않는 이유와 해결 방법을 분석합니다.

WeChat 공식 문서에는 Hidden이 모든 구성 요소가 갖는 속성이라고 언급되어 있지만 실제 코딩에서는 그렇지 않다는 것을 발견했습니다! ! ! !

예를 들어 다음 레이아웃은

    <view hidden="true" style="display:flex;flex-direction: row;">
        <text>text1</text>
        <text>text2</text>
    </view>

hidden가 적용되지 않음을 알 수 있습니다. 실험 결과 hidden 요소는 블록 레이아웃에만 적용된다는 사실을 발견했습니다. 따라서 이 코드에서 hidden가 적용되지 않게 만드는 원인은 display:flex입니다. 이것을 제거하면 됩니다.

flex 레이아웃을 사용해야 한다면 어떻게 되나요?

사실 여기서 hidden를 사용하고 싶은 이유는 단지 레이아웃을 숨기기 위한 것이고, display:none도 숨길 수 있습니다. 여기서는 display 속성을 ​​동적으로 설정하기 위해 까다로운 방법을 사용할 수 있습니다.

    <view hidden="true" style="display:{{hideview ? none : flex}};flex-direction: row;">
        <text>text1</text>
        <text>text2</text>
    </view>

여기서 hideview는 js에 의해 동적으로 제어되는 변수입니다. 🎜>. js

후문

숨겨진 레이아웃은 숨겨져 있어도 공간을 차지합니다. hidden
숨기기는 공간을 차지하지 않습니다. display:none

위 내용은 숨겨진 미니 프로그램이 실행되지 않는 이유와 해결 방법을 분석합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!