微信小程式(三)

2021-09-19 10:14:55 字數 1377 閱讀 4376

預設索引是index,預設物件是item,下面是自定義索引和物件。wx:for適用於viewblock,使用block時僅僅是將資料迴圈列印出來,不會乙個物件有乙個標籤,而view是會有乙個物件乙個標籤。

wxml

}: }

js data: ,,,

]},

每個陣列物件直接拼接

block每個物件不會有單獨的標籤

wx:if屬性通過判斷條件來顯示元素,這裡的elseif是寫成elifwx: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 或自定義定義的資料。把得到的值封裝...