WeChat 미니 프로그램의 조건부 렌더링에 대한 자세한 소개

이 글은 주로 WeChat 미니 프로그램의 조건부 렌더링에 대한 자세한 설명에 대한 관련 정보를 소개합니다. 필요한 친구는

1, wx.if

를 참고하세요. 미니 프로그램 wx.if="{{condition}}"을 사용하여 코드 블록을 렌더링할지 여부를 결정합니다. 사용법은 다음과 같습니다.

wx.elif 및 wx.else를 사용하여 else 블록을 추가할 수도 있습니다. 예를 들면 다음과 같습니다.

1
2}}"> 2
3 보기

2, 블록 wx:if

wx:if는 제어 속성이며 라벨에 추가해야 하지만, 여러 라벨을 한 번에 판단하려면, 여러 구성 요소를 < ;block/>Wrap하고 해당 구성 요소에 wx:if 제어 속성을 사용할 수 있습니다.

이는 구성 요소가 아니며 단지 래핑 요소일 뿐이며 페이지에서 렌더링을 수행하지 않습니다. 제어 속성만 허용됩니다. 예는 다음과 같습니다.

view1
view2

참고: 일반적으로 wx:if는 전환 비용이 더 높고 Hidden은 초기 렌더링 비용이 더 높습니다. 따라서 빈번한 전환이 필요한 경우에는 Hidden을 사용하는 것이 좋으며, 런타임 중에 조건이 변경될 가능성이 없다면 wx:if가 더 좋습니다.

읽어주셔서 감사합니다. 도움이 되기를 바랍니다. 이 사이트를 지원해 주셔서 감사합니다!

위 내용은 WeChat 미니 프로그램의 조건부 렌더링에 대한 자세한 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!