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