預設索引是index
,預設物件是item
,下面是自定義索引和物件。wx:for
適用於view
和block
,使用block
時僅僅是將資料迴圈列印出來,不會乙個物件有乙個標籤,而view
是會有乙個物件乙個標籤。
wxml
}: }
js data: ,,,
]},
每個陣列物件直接拼接
block每個物件不會有單獨的標籤
wx:if
屬性通過判斷條件來顯示元素,這裡的elseif
是寫成elif
。wx:if='true'
這種寫法是錯的,需寫成wx:if="}"
。條件渲染與hidden
一樣都可以顯示和隱藏元素。但wx:if是懶載入模式,即當條件為false時,裡面的元素就不載入了,但hidden
即使不顯示,但元素依然渲染,只是隱藏。
未成年
已成年已經老了
這是乙個塊級元素
測試hidden
渲染後的檔案,可以看到通過條件渲染的元素沒有載入。對於頻繁切換的元素使用hidden
,對於很少改變的使用wx:if較好。
模板的定義如下,使用name來確定是哪個模板
姓名:}
年齡:}
資訊:}
當前頁面引用,繫結的資料通過data屬性傳入,…person是將js中的person物件展開成namg,age。
js中
data: ,
msg:'this is a msg'
}wxml引用
其他頁引入模板需多乙個步驟,在需要引入的wxml中使用import將模板所在的wxml引入,渲染資料由引入頁提供
//引入頁的wxml
//引入頁的js
data: ,
msg:'this is a msg'
}
微信小程式基礎(三)
小程式提供了很多元件和方法,用來增強互動效果。比如,每次操作後,都顯示乙個動態提示,告訴使用者操作的結果,這種效果叫做 toast。語法 wx.showtoast 引數主要包含2個屬性 title 展示的文字 duration 提示框的展示時間,單位為毫秒 showmsg 執行效果 對進行某項操作時...
微信小程式學習三
接上篇 編譯的時候,在某個頁面編譯希望停留在此頁面的話,可以新增編譯,修改普通編譯為自定義編譯 首頁 首先新增乙個view容器 關於小程式的容器在文件中的元件可看到 在 view 中新增輪播圖 在index.js檔案中新增background 輪播陣列 key值 this自身為鍵了,注意此時自身應是...
(微信小程式)一 初識微信小程式
需要看的 先是檔案目錄 一 pages 他存放於多個頁面 如 index log頁面。可以把他裡面的每個資料夾看成乙個整體。這個整體存放著 html css 和 資料 1 index資料夾 存放的index頁面的目錄。2 index.js 他可以處理得到 ajax 或自定義定義的資料。把得到的值封裝...