本文详细介绍了微信小程序中todolist应用的增加和删除功能实现。首先通过创建input输入框和add按钮，利用双向绑定将输入值添加到列表。接着，通过遍历列表并添加data-xxx属性传递index，实现删除按钮的功能，利用splice方法删除指定索引的数据。最后，当所有数据删除后，显示提示信息以优化用户体验。
1. todolist 增加模块
首先先把项目的雏形给布置好，一个 input 输入框，一个 add 的点击增加列表按钮
并且新增的数据都会加入到下方的列表中，且都带上了 delete 按钮
input框+按钮：
<view class="box">
<input type="text" bindinput="handleInput" value="{
{text}}" />
<button size="mini" bindtap="handleAdd">add</button>
</view>
数据列表：
<view wx:if="{
{textList.length>0}}">
<view wx:for="{
{textList}}" wx:key="index" class="list">
<text>{
{item}}</text>
<button size="mini" bindtap="handleDelete" data-myid="{
{index}}">delete</button>
</view>
</view>input 双向绑定：
最低0.47元/天 解锁文章
2297
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
