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