各位戰友,早上好。這節課我們的目標是把上節課計算出來的資料展示到頁面上。
怎麼把陣列裡面的資料展示到頁面上呢?
我們首先要把它儲存到data裡面
也就是說,我們需要在data中增加乙個屬性,名字叫items,初始化為空陣列
data:
,
然後我們把計算好的資料存進去
this
.setdata
()
但是怎麼展示到頁面上呢?
這可是陣列啊
我們是通過迴圈把每一行的資料放到陣列中的,反過來,我們可以通過迴圈把每一行的資料從陣列中取出來然後放到頁面上。
也就是說,頁面上的東西也是可以迴圈的。
我們可以這樣
wx:for
="}"
class
="td"
>
>
}text
>
>
}text
>
>
}text
>
>
}text
>
view
>
這幾行**是什麼意思?
wx:for的意思是,迴圈渲染當前節點。也就是迴圈這幾行**。
items就是我們儲存的**資料,item就是每一行的資料
迴圈預設是從陣列第0個元素開始到最後乙個結束
item.index,我猜那你應該知道是啥意思了,就是訪問當前元素的index屬性。
當前元素就是每行的物件,每行的物件都包含index這個屬性,所以可以訪問
於是我們就渲染出了列表資料。
儲存一下,試試。然後成功了。
記得提交**
跟著教程寫出**渲染出列表即可
第24課 貪吃蛇遊戲
本節課將利用全域性快捷鍵實現一款貪吃蛇的遊戲,下面先看下遊戲主介面的截圖。mac os x 的效果如圖所示。windows 的效果如圖所示。全域性快捷鍵需要通過 globalshortcut 物件註冊,使用下面的 可以得到 globalshortcut 物件。const require electr...
C語言程式初體驗 第24課 if語句的巢狀
專案1 分段函式求值 從鍵盤輸入x的值 要求為實型 根據公式1計算並輸出x和y的值。檔名稱 mian.c 作 者 johby360 完成日期 2016年11月20日 版 本 號 v1.0 專案1 分段函式求值 程式設計序,從鍵盤輸入x的值 要求為實型 根據公式1計算並輸出x和y的值。include ...
python基礎教程共60課 第24課if的巢狀
python基礎教程共60課 第24課if的巢狀 python 第24課 if的巢狀 和for迴圈一樣,if也可以巢狀使用,即在乙個if elif else的內部,再使用if。這有點類似於電路的串聯。if 條件1 if 條件2 語句1else 語句2else if 條件2 語句3else 語句4在上...