{{ index }} {{ item }}" 2. "와 같습니다. wx: for-item" 명령은 배열의 현재 요소의 변수 이름을 지정할 수 있습니다. 3. "wx:for-index" 명령은 배열의 현재 첨자의 변수 이름을 지정할 수 있습니다. 4. " wx:if" 명령; 5. 데이터 바인딩 명령 등"/> {{ index }} {{ item }}" 2. "와 같습니다. wx: for-item" 명령은 배열의 현재 요소의 변수 이름을 지정할 수 있습니다. 3. "wx:for-index" 명령은 배열의 현재 첨자의 변수 이름을 지정할 수 있습니다. 4. " wx:if" 명령; 5. 데이터 바인딩 명령 등">
집 >위챗 애플릿 >미니 프로그램 개발 >WeChat 미니 프로그램 지침은 무엇입니까?
WeChat 애플릿 지침에는 다음이 포함됩니다. 1. "wx:for" 지침, 사용 방법은 "5e6e1f35f469bc71419d4ae55fc09047{{ index }} {{ item }}"와 같습니다. 2 , 배열의 현재 요소의 변수 이름을 지정할 수 있는 "wx:for-item" 명령. 3. 배열의 현재 첨자의 변수 이름을 지정할 수 있는 "wx:for-index" 명령; ; 4. "wx:if" 명령 5. 데이터 바인딩 명령 등
이 튜토리얼의 운영 환경: Windows 10 시스템, WeChat 애플릿 공식 버전 8.0.25, Dell G3 컴퓨터.
WeChat 미니 프로그램 지침은 무엇인가요?
WeChat 미니 프로그램: 자주 사용되는 명령어/컴포넌트
1.Command
1.1 wx:for command
1.1.1 html
1이 내장되어 있습니다. 전자의 인덱스, 후자의 요소
<view wx:for="{{ data_list }}">{{ index }} {{ item }} index索引 item元素 </view>
2. 수정
wx:for-item을 사용하여 배열의 현재 요소의 변수 이름을 지정하고,
wx:for-index를 사용하여 현재의 변수 이름을 지정하세요. 배열의 첨자:
<view wx:for="{{array}}" wx:for-index="idx" wx:for-item="itemName"> {{idx}}: {{itemName.message}} </view>
1.1.2 js
data: { data_list:['大饼','洋葱'] },
1.2 wx:if
프레임워크에서 wx:if=""를 사용하여 코드 블록을 렌더링해야 하는지 확인하세요.
<view wx:if="{{length > 5}}"> 1 </view> <view wx:elif="{{length > 2}}"> 2 </view> <view wx:else> 3 </view>
1.3 블록 wx:if
wx:if는 제어 속성이므로 라벨에 추가해야 합니다.
여러 구성 요소 태그를 한 번에 판단하려면 2b5957c2850173214f4ea7f1261e9a0f 태그를 사용하여 여러 구성 요소를 래핑하고 위의 wx:if 제어 속성을 사용할 수 있습니다.
참고: 2b5957c2850173214f4ea7f1261e9a0f는 구성 요소가 아니며 페이지에서 렌더링을 수행하지 않고 제어 속성만 허용하는 래핑 요소일 뿐입니다.
<block wx:if="{{true}}"> <view> view1 </view> <view> view2 </view> </block>
1.4 데이터 바인딩
1.4.1 html
<view>数据1:{{message}}</view>
1.4.2 js
Page({ /** * 页面的初始数据 */ data: { message:"新年快乐", } )}
II. 구성 요소(라벨)
2.1 보기---div
2.2 이미지---image
2.3 텍스트---span
추천 학습: "미니 프로그램 동영상 튜토리얼"
위 내용은 WeChat 미니 프로그램 지침은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!