微信小程序?qū)崙?zhàn)中位置鬧鈴如何利用條件渲染實現(xiàn)列表控件,針對這個問題,這篇文章詳細介紹了相對應的分析和解答,希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。
創(chuàng)新互聯(lián)專注于科爾沁左翼企業(yè)網(wǎng)站建設,成都響應式網(wǎng)站建設,商城網(wǎng)站定制開發(fā)。科爾沁左翼網(wǎng)站建設公司,為科爾沁左翼等地區(qū)提供建站服務。全流程按需定制設計,專業(yè)設計,全程項目跟蹤,創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務
需求
在視頻第32秒左右,有一個選擇編輯對象的畫面,它的功能是一個列表控件。用戶通過它選擇想要編輯的對象。今天說明這個畫面的實現(xiàn)。
listpoint.wxml(片段)
首先使用wx:for循環(huán)顯示所有的監(jiān)控點,如果index和current_alarm相等,顯示綠色背景文本,否則顯示白色背景文本。index是循環(huán)表示的索引,而current_alarm的值在linstpoint.js中被設定。
listpoint.xml(片段)
Page({
data: {
alarms: [{title:''}],
current_alarm: 0
},
//事件處理函數(shù)
alarmTaped:function(e){
this.setData({current_alarm:e.target.id});
},
}
data中定義了一個current_alarm,當畫面中的文字被點擊時,alarmTaped就會被調(diào)用,這時參數(shù)的e會帶著被選中項目的索引信息。使用setData設定current_alarm,就會引起畫面的重新渲染。這樣新的選擇狀態(tài)就表示出來了。
關于微信小程序?qū)崙?zhàn)中位置鬧鈴如何利用條件渲染實現(xiàn)列表控件問題的解答就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,如果你還有很多疑惑沒有解開,可以關注創(chuàng)新互聯(lián)行業(yè)資訊頻道了解更多相關知識。