& lt觀點？bindtap="a "？data-f = " { { flag } } " & gt；123</view & gt；
& lt！- ?Wx:for="{{ array}} "？循環需要綁定鍵？wx:key = " index "->；
& lt！- ?自帶定義？物品？表示數組中的每壹項。指數？表示數組的索引。-& gt；
& lt！- ?用wx:for-item修改每個值的鍵？-& gt；
& lt！- ?用wx:for-index修改每個值的索引？-& gt；
& lt觀點？wx:for="{{list}} "？class="t "？wx:key="i "？
wx:for-item="r "？wx:for-index="i "
style="color:{{r.styFlag？紅色':' ' } }；"
data-i="{{i}} "
bindtap= "選擇"
& gt
{{r.name}} - {{i}}
& lt/view & gt；
Js內容:
數據:？{
flag:1，
列表:['冰丘丘'，'融雪'，'泡菜']，
列表:[{
名稱:'冰碼頭'，
styFlag:沒錯
},{
名稱:'雪融化'，
styFlag:false
},{
名字:“小泡菜”，
styFlag:false
}]
},
選擇:功能(e){
讓？{?currentTarget:{？數據集:{i}？}?}?=?e；
/*?第壹步，獲取被點擊的當前內容的索引？*/
console.log(i)
/*?獨家？先清空所有東西？*/
this . data . list . foreach(r = & gt；{
r.styFlag？=?錯誤的
})
this.data.list[i]。styFlag？=?真實；
/*?數據變了？觀點沒變？必須用setData實現數據和視圖的雙向數據綁定？*/
this.setData({
列表:this.data.list
})
},
答:功能(e){
console.log(e)
},
效果:
Wxml內容:
& lt按鈕？bindtap="go1 "？style="margin:3px”& gt張三
& lt按鈕？bindtap="go2 "？style="margin:3px”& gt李四
& lt按鈕？bindtap="go3 "？style="margin:3px”& gt24號
& lt按鈕？bindtap="go4 "？style="margin:3px”& gt不帶參數
& lt按鈕？bindtap = " goBack " & gt回到上壹級
& lt！- ?wx:如果？然後呢。wx:elif？還有wx:else不能被其他標簽打斷？-& gt；
& ltblock & gt
& lt觀點？wx:if="{{msg== '張三' }} "？class="t " >歡迎回來，主人
& lt觀點？wx:elif="{{msg=='lisi'}} "？class="t " >家裏水龍頭沒壞就別來了
& lt觀點？wx:elif="{{msg=='24'}} "？class="t " >您好，歡迎為您服務。
& lt觀點？wx:還有呢？class="t " >表明沒人在家
& lt/block & gt；
Js內容:
頁面({
/**
？*?頁面的初始數據
？*/
數據:？{
訊息:""
},
goBack:function(){
wx.navigateBack()
},
/**
？*?生命周期功能-監控頁面加載
？*/
上傳:？功能？(選項)？{
console.log(options.name)
/*?多次使用setData會影響性能嗎？盡量多放幾次setData？使用setData壹次即可實現。
盡可能少用setData提高小程序性能？*/
this.setData({
消息:options.name
})
/*?如果叫張三呢？頁面上寫著歡迎回來，主人？*/
/*?如果叫李四呢？頁面顯示家裏的水龍頭沒有壞。不要過來？*/
/*?如果名字是24號呢？頁面顯示您好，歡迎為您服務？*/
/*?都不是？顯示家裏沒人？*/
},
/**
？*?生命周期功能——監控頁面的第壹次呈現完成
？*/
onReady:？功能？()?{
},
/**
？*?生命周期功能-監控頁面顯示
？*/
昂秀:？功能？()?{
},
/**
？*?生命周期功能-監控頁面隱藏
？*/
onHide:？功能？()?{
},
/**
？*?生命周期功能-監控頁面卸載
？*/
onUnload:？功能？()?{
},
/**
？*?頁面相關事件處理功能-監控用戶的下拉動作
？*/
onPullDownRefresh:？功能？()?{
},
/**
？*?頁面拉底事件的處理函數。
？*/
onReachBottom:？功能？()?{
},
/**
？*?用戶點擊右上角分享。
？*/
onShareAppMessage:？功能？()?{
}
})
{
？“頁面”:[
"頁數/索引/索引"，
"頁數/頁數/頁數"，
"頁面/我的頁面/我的頁面"，
"頁面/日誌/日誌"，
"佩奇/雷鋒/雷鋒"
？],
？“窗口”:{
" backgroundTextStyle ":？“黑暗”，
" navigationBarBackgroundColor ":？" #FF0000 "，
" navigationBarTitleText ":？" kw47page "，
" navigationBarTextStyle ":？“白色”
？},
？“tabBar”:{
【顏色】:？" #fff "，
"所選顏色":？" #FFCA28 "，
“backgroundColor”:"#000",
“列表”:[{
？"頁面路徑":？"頁數/索引/索引"，
？"文本":？“主頁”，
？" iconPath ":？"",
？" selectedIconPath ":？""
},?{
？"頁面路徑":？"頁面/日誌/日誌"，
？"文本":？“日誌”，
？" iconPath ":？"",
？" selectedIconPath ":？""
}]
？},
？【風格】:？“v2”，
？“sitemapLocation”:" sitemap.json "
}
渲染: