微信小程序:ListView的實現及item的添加和刪除


微信小程序:ListView的實現及item的添加和刪除

效果圖

 

具體實現

首先在pages文件夾下面添加my-list頁面及其相應文件:

打開app.json,注冊my-list界面,並將其放到第一位(打開小程序時顯示的頁面)

完成item的ui設計,按照喜好設計,這里只貼了my-list.wxml的代碼(僅有兩個text和一個image):

在my-list.js的data里添加所需數據。

綁定該數組到你的list上。

這時已經完成了一個簡單的ListView。
添加新一項

因為創建.js文件時有一個默認的頁面上拉觸底的處理函數,所以這里圖方便,直接在頁面下拉到底時添加一項新的item。

結果:

————————————————
版權聲明:本文為CSDN博主「kang0226」的原創文章,遵循 CC 4.0 BY-SA 版權協議,轉載請附上原文出處鏈接及本聲明。
原文鏈接:https://blog.csdn.net/kang0226/java/article/details/89644678


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM