這篇文章主要講解了“微信小程序指令怎么使用”,文中的講解內(nèi)容簡(jiǎn)單清晰,易于學(xué)習(xí)與理解,下面請(qǐng)大家跟著小編的思路慢慢深入,一起來研究和學(xué)習(xí)“微信小程序指令怎么使用”吧!
創(chuàng)新互聯(lián),專注為中小企業(yè)提供官網(wǎng)建設(shè)、營(yíng)銷型網(wǎng)站制作、響應(yīng)式網(wǎng)站建設(shè)、展示型網(wǎng)站建設(shè)、成都做網(wǎng)站等服務(wù),幫助中小企業(yè)通過網(wǎng)站體現(xiàn)價(jià)值、有效益。幫助企業(yè)快速建站、解決網(wǎng)站建設(shè)與網(wǎng)站營(yíng)銷推廣問題。
微信小程序指令有:1、“wx:for”指令,使用方法如“<view wx:for="{{ data_list }}">{{ index }} {{ item }}”;2、“wx:for-item”指令,該指令可以指定數(shù)組當(dāng)前元素的變量名;3、“wx:for-index”指令,該指令可以指定數(shù)組當(dāng)前下標(biāo)的變量名;4、“wx:if”指令;5、數(shù)據(jù)綁定指令等。
微信小程序:常用的指令/組件
一. 指令
1.1 wx:for指令
1.1.1 html
1. 內(nèi)置了一個(gè)index/item,前者索引,后者元素
<view wx:for="{{ data_list }}">{{ index }} {{ item }} index索引 item元素 </view>
2. 修改
使用 wx:for-item 可以指定數(shù)組當(dāng)前元素的變量名,
使用 wx:for-index 可以指定數(shù)組當(dāng)前下標(biāo)的變量名:
<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
因?yàn)?wx:if 是一個(gè)控制屬性,需要將它添加到一個(gè)標(biāo)簽上。
如果要一次性判斷多個(gè)組件標(biāo)簽,可以使用一個(gè) <block/> 標(biāo)簽將多個(gè)組件包裝起來,并在上邊使用 wx:if 控制屬性。
注意: <block/> 并不是一個(gè)組件,它僅僅是一個(gè)包裝元素,不會(huì)在頁面中做任何渲染,只接受控制屬性
<block wx:if="{{true}}">
<view> view1 </view>
<view> view2 </view>
</block>
1.4 數(shù)據(jù)綁定
1.4.1 html
<view>數(shù)據(jù)1:{{message}}</view>
1.4.2 js
Page({
/**
* 頁面的初始數(shù)據(jù)
*/
data: {
message:"新年快樂",
}
)}
二. 組件(標(biāo)簽)
2.1 view---類似與div
2.2 image---image
2.3 text---span
感謝各位的閱讀,以上就是“微信小程序指令怎么使用”的內(nèi)容了,經(jīng)過本文的學(xué)習(xí)后,相信大家對(duì)微信小程序指令怎么使用這一問題有了更深刻的體會(huì),具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián),小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章,歡迎關(guān)注!
當(dāng)前標(biāo)題:微信小程序指令怎么使用
標(biāo)題網(wǎng)址:http://redsoil1982.com.cn/article27/gdicjj.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供手機(jī)網(wǎng)站建設(shè)、標(biāo)簽優(yōu)化、定制開發(fā)、營(yíng)銷型網(wǎng)站建設(shè)、商城網(wǎng)站、全網(wǎng)營(yíng)銷推廣
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)