微信小程序: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