미니 프로그램 개발의 wx:key에 대한 자세한 설명

이 글에서는 WeChat 애플릿 wx:key 관련 정보를 중심으로 자세히 소개하고, 누구나 쉽게 배우고 이해할 수 있도록 간단한 코드 예제를 첨부합니다. 도움이 필요한 친구들은

WeChat applet wx를 참고하세요. :key 공부할 때 무슨 일이 있었는지 잘 몰랐어요. 온라인으로 정보를 확인한 후 정리했습니다.

개인적으로 공식적인 예가 그다지 명확하지 않은 것 같습니다. . 공식적인 설명은 다음과 같습니다.

wx:key

목록의 항목 위치가 동적으로 변경되거나 새 항목이 되는 경우 목록에 추가되고 항목이 고유한 특성과 상태(예: 의 입력 콘텐츠, 의 선택된 상태)를 유지하려는 경우 wx를 사용해야 합니다. 목록에 있는 항목의 고유 식별자를 지정하는 키입니다.

wx:key의 값은

String의 두 가지 형식으로 제공되며 for 루프 배열에 있는 항목의 특정 속성입니다. 속성 값은 목록의 유일한 문자열 또는 숫자여야 하며 동적으로 변경할 수 없습니다.

예약된 키워드 *this는 for 루프의 항목 자체를 나타냅니다. 이 표현을 사용하려면 항목 자체가 다음과 같은 고유한 문자열 또는 숫자여야 합니다.

데이터가 변경 사항 렌더링 레이어가 다시 렌더링되면

프레임워크는

구성 요소가 자체적으로 유지되도록 다시 생성되지 않고 순서가 변경되도록 합니다. 그리고 목록 렌더링의 효율성을 향상시킵니다.

wx:key가 제공되지 않으면 목록이

정적임을 명확히 알고 있거나 순서에 주의할 필요가 없는 경우 경고가 보고됩니다. , 무시하도록 선택할 수 있습니다. 예를 들어 wx:key가 없는 경우 버튼
중 하나를 선택했을 때 순서를 변경하거나 옵션을 추가하면 선택한 버튼이 이전 버튼을 따르지 않습니다. 버튼의 순서가 변경되면 위치는 항상 고정됩니다. wx:key가 있으면 그 반대가 됩니다. 순서를 변경하거나 항목을 추가할 수 있는 태그에 적합합니다

[ 관련 추천]

1 .

위챗 미니 프로그램 전체 소스코드

2. 위챗 미니 프로그램 앱스토어 쫓아가기

위 내용은 미니 프로그램 개발의 wx:key에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!