Apakah arahan program mini WeChat?

Arahan applet WeChat termasuk: 1. Arahan "wx:for", kaedah penggunaan adalah seperti "{{ index }} {{ item } }"; 2. Arahan "wx:for-item", yang boleh menentukan nama pembolehubah bagi elemen semasa tatasusunan; 3. Arahan "wx:for-index", yang boleh menentukan nama pembolehubah semasa subskrip tatasusunan; 4. arahan " wx:if" 5. Arahan mengikat data, dsb.

Persekitaran pengendalian tutorial ini: sistem Windows 10, WeChat Mini Program versi rasmi 8.0.25, komputer Dell G3.

Apakah arahan program mini WeChat?

Aplet WeChat: arahan/komponen yang biasa digunakan

1 Arahan

1.1 wx:for command

<.>
• 1.1.1 html

1 terbina dalam indeks/item, indeks dahulu, elemen terakhir

<view wx:for="{{ data_list }}">{{ index }} {{ item }} index索引 item元素 </view>

2

Gunakan wx:for-item untuk menentukan nama pembolehubah bagi elemen semasa tatasusunan,

Gunakan wx:for-index untuk menentukan nama pembolehubah subskrip semasa tatasusunan:

<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

Dalam rangka kerja, gunakan wx :if="" untuk menentukan sama ada ia diperlukan Render blok kod ini:

<view wx:if="{{length > 5}}"> 1 </view>
<view wx:elif="{{length > 2}}"> 2 </view>
<view wx:else> 3 </view>

1.3 blok wx:if

Oleh kerana wx:if ialah atribut kawalan, anda perlu menambahkannya kepada label.

Jika anda ingin menilai berbilang teg komponen sekaligus, anda boleh menggunakan teg untuk membalut berbilang komponen dan menggunakan atribut kawalan wx:if di atas.

Nota: bukan komponen, ia hanyalah elemen pembalut yang tidak akan melakukan apa-apa rendering pada halaman dan hanya menerima atribut kawalan

<block wx:if="{{true}}">
  <view> view1 </view>
  <view> view2 </view>
</block>

1.4 Data mengikat

• 1.4.1 html

<view>数据1：{{message}}</view>

• 1.4.2 js

Page({
 
  /**
   * 页面的初始数据
   */
  data: {
    message:"新年快乐",
  }
)}

2. Komponen (label)

2.1 paparan---Serupa dengan div

2.2 imej---imej

2.3 teks---span

Pembelajaran yang disyorkan: "

Tutorial Video Program Mini"

Atas ialah kandungan terperinci Apakah arahan program mini WeChat?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!