您好,登錄后才能下訂單哦!
這篇文章主要講解了微信小程序條件、模板、文件引用實(shí)例分析,內(nèi)容清晰明了,對(duì)此有興趣的小伙伴可以學(xué)習(xí)一下,相信大家閱讀完之后會(huì)有幫助。
本文實(shí)例講述了微信小程序條件、模板、文件引用。分享給大家供大家參考,具體如下:
上一節(jié)的在遍歷的時(shí)候控制臺(tái)中會(huì)報(bào)錯(cuò)
<view wx:for="{{content}}" wx:for-item='item' wx:for-index='index'> {{item.name}} </view>
控制臺(tái)中會(huì)顯示這個(gè)東西
Now you can provide attr "wx:key" for a "wx:for" to improve performance.
當(dāng)然了不處理也不影響程序運(yùn)行,但是看著好不爽啊。
wx:key用來對(duì)列表渲染的數(shù)據(jù)指定一個(gè)"主鍵”,以加快列表渲染的速度。以下是官方文檔原話:
如不提供 wx:key,會(huì)報(bào)一個(gè) warning, 如果明確知道該列表是靜態(tài),或者不必關(guān)注其順序,可以選擇忽略。如果你一定想去掉這個(gè)警告,加wx:key="name"就不會(huì)報(bào)錯(cuò)了。
條件
<view wx:if='{{false}}'>TEST</view> <view wx:else>oh no</view>
block
如果要一次性判斷多個(gè)組件標(biāo)簽,可以使用一個(gè)
<block wx:if="{{true}}"> <view> view1 </view> <view> view2 </view> </block>
模板
可以在模板中定義代碼片段,然后在不同的地方調(diào)用。
這就類似公共代碼的意思
common.wxml
<template name="common"> <text>這是一個(gè)模板</text> </template>
我把它引用到wxml中
<import src="common.wxml" />
使用模板,is聲明需要的使用的模板
<template is="common"/>
引用wxss文件
@import "news-item/news-item-template.wxss";
import有作用域
就問你傲不傲嬌
看看官方給的解釋
它只會(huì) import 目標(biāo)文件中定義的 template,而不會(huì) import 目標(biāo)文件 import 的 template。
如:C import B,B import A,在C中可以使用B定義的template,在B中可以使用A定義的template,但是C不能使用A定義的template。
看完上述內(nèi)容,是不是對(duì)微信小程序條件、模板、文件引用實(shí)例分析有進(jìn)一步的了解,如果還想學(xué)習(xí)更多內(nèi)容,歡迎關(guān)注億速云行業(yè)資訊頻道。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。