{{ 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 ミニ プログラムの手順は何ですか?
WeChat アプレットの命令には次のものが含まれます。 1.「wx:for」命令。使用方法は「5e6e1f35f469bc71419d4ae55fc09047{{index }} {{ item } }"; 2. 配列の現在の要素の変数名を指定できる「wx:for-item」命令; 3. 現在の要素の変数名を指定できる「wx:for-index」命令配列の添字、4.「wx:if」命令、5.データバインディング命令など
WeChat ミニ プログラムの説明とは何ですか?
WeChat ミニ プログラム: よく使用されるコマンド/コンポーネント1. コマンド
1.1 wx:for command<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>
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:ifwx:if はコントロール属性であるため、ラベルに追加する必要があります。 複数のコンポーネントタグを一度に判定したい場合は、2b5957c2850173214f4ea7f1261e9a0fタグを使用して複数のコンポーネントをラップし、上記のwx:ifコントロール属性を使用できます。 注: 2b5957c2850173214f4ea7f1261e9a0f はコンポーネントではなく、ページ上でレンダリングを行わず、コントロール属性のみを受け入れる単なるラッピング要素です
<block wx:if="{{true}}"> <view> view1 </view> <view> view2 </view> </block>1.4 データ バインディング
<view>数据1:{{message}}</view>
Page({ /** * 页面的初始数据 */ data: { message:"新年快乐", } )}
2.1 ビュー---div と同様
2.2 画像---画像
2.3 テキスト--- -スパン
推奨学習: 「
小プログラム ビデオ チュートリアル以上がWeChat ミニ プログラムの手順は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。