本篇文章為大家展示了怎么在微信小程序中渲染頁面，內(nèi)容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。

超過10多年行業(yè)經(jīng)驗，技術(shù)領(lǐng)先，服務(wù)至上的經(jīng)營模式，全靠網(wǎng)絡(luò)和口碑獲得客戶，為自己降低成本，也就是為客戶降低成本。到目前業(yè)務(wù)范圍包括了：做網(wǎng)站、網(wǎng)站設(shè)計，成都網(wǎng)站推廣，成都網(wǎng)站優(yōu)化，整體網(wǎng)絡(luò)托管，小程序設(shè)計，微信開發(fā)，重慶APP軟件開發(fā)，同時也可以讓客戶的網(wǎng)站和網(wǎng)絡(luò)營銷和我們一樣獲得訂單和生意！

條件渲染：wx:if, wx:elif, wx:else

 5}}" >1
 2}}">2
3

由于wx:if是一個控制屬性，需要將它添加到一個標簽上，如果要一次性判斷多個組件標簽，可以使用標簽將多個組件包裝起來，并在上邊使用wx:if 控制屬性，

 5}}" >1
 2}}">2
3

blcok 是一個包裝元素，不會在頁面做任何渲染。

hidhen：

在小程序中，hidden = "{{condition}}" 也能控制元素的顯示和隱藏。為true隱藏，為false顯示

123

列表渲染： wx:for

如果沒有指定參數(shù), 默認索引是index, 值是item

索引是： {{index}}, 值是： {{item}}
 
 data: {
  userList :['zhangsan', "lisi", 'wnagwu']
 }

手動指定索引和當前項的變量名：

 索引是： {{i}}, 值是： {{it}}

 
data: {
  userList :['zhangsan', "lisi", 'wnagwu']
 }

block wx:for 列表渲染

 索引是： {{i}}, 值是： {{it}}

key 在列表循環(huán)中的作用：

如果列表中項目的位置會動態(tài)改變或者有新的項目添加到列表中，并且希望列表中的項目保持自己的特征和狀態(tài)（如）中輸入內(nèi)容，的選中狀態(tài)，徐奧使用 wx:key來指定列表中項目的唯一標識符。

當數(shù)據(jù)改變觸發(fā)渲染層重新渲染的時候，會校正帶有key的組件，框架會確保他們被重新排序，而不是重新創(chuàng)建，以確保使組件保持自身狀態(tài)，并且提高列表渲染時的效率。

key值的注意點：

key值必須具有唯一行，且不能動態(tài)改變。

key的值必須是數(shù)字或字符串

保留關(guān)鍵子*this代表在for循環(huán)中的item本身，它也可以充當key值，但是有以下限制，需要item本身是一個唯一的字符串或數(shù)字。

上述內(nèi)容就是怎么在微信小程序中渲染頁面，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。