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. コマンド

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 block 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:"新年快乐",
    }
  )}

2. コンポーネント (ラベル)

2.1 ビュー---div と同様

2.2 画像---画像

2.3 テキスト--- -スパン

推奨学習: 「

小プログラム ビデオ チュートリアル

」

以上がWeChat ミニ プログラムの手順は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。