WeChat 미니 프로그램 지침은 무엇입니까?

WeChat 애플릿 지침에는 다음이 포함됩니다. 1. "wx:for" 지침, 사용 방법은 "{{ 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는 제어 속성이므로 라벨에 추가해야 합니다.

여러 구성 요소 태그를 한 번에 판단하려면 태그를 사용하여 여러 구성 요소를 래핑하고 위의 wx:if 제어 속성을 사용할 수 있습니다.

참고: 는 구성 요소가 아니며 페이지에서 렌더링을 수행하지 않고 제어 속성만 허용하는 래핑 요소일 뿐입니다.

<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 중국어 웹사이트의 기타 관련 기사를 참조하세요!