Was sind die Anweisungen für das WeChat-Miniprogramm?

藏色散人
Freigeben: 2023-01-06 17:04:38
Original
5354 Leute haben es durchsucht

微信小程序指令有:1、“wx:for”指令,使用方法如“{{ index }} {{ item }}”;2、“wx:for-item”指令,该指令可以指定数组当前元素的变量名;3、“wx:for-index”指令,该指令可以指定数组当前下标的变量名;4、“wx:if”指令;5、数据绑定指令等。

Was sind die Anweisungen für das WeChat-Miniprogramm?

本教程操作环境:Windows10系统、微信小程序官方版8.0.25、Dell G3电脑。

微信小程序指令有哪些?

微信小程序:常用的指令/组件

一. 指令

1.1 wx:for指令

  • 1.1.1 html

1. 内置了一个index/item,前者索引,后者元素

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

2. 修改

使用 wx:for-item 可以指定数组当前元素的变量名,

使用 wx:for-index 可以指定数组当前下标的变量名:

<view wx:for="{{array}}" wx:for-index="idx" wx:for-item="itemName">
  {{idx}}: {{itemName.message}}
</view>
Nach dem Login kopieren
  • 1.1.2 js

 data: {
    data_list:[&#39;大饼&#39;,&#39;洋葱&#39;]
  },
Nach dem Login kopieren

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>
Nach dem Login kopieren

1.3 block wx:if

因为 wx:if 是一个控制属性,需要将它添加到一个标签上。

如果要一次性判断多个组件标签,可以使用一个 标签将多个组件包装起来,并在上边使用 wx:if 控制属性。

注意: 并不是一个组件,它仅仅是一个包装元素,不会在页面中做任何渲染,只接受控制属性

<block wx:if="{{true}}">
  <view> view1 </view>
  <view> view2 </view>
</block>
Nach dem Login kopieren

1.4 数据绑定

  • 1.4.1 html

<view>数据1:{{message}}</view>
Nach dem Login kopieren
  • 1.4.2 js

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

二. 组件(标签)

2.1 view---类似与div

2.2 image---image

2.3 text---span

推荐学习:《小程序视频教程

Das obige ist der detaillierte Inhalt vonWas sind die Anweisungen für das WeChat-Miniprogramm?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage