Advertisement

微信小程序 toalist 案例测试 - 07

阅读量:

1. todolist 增加模块

首先需要构建项目的基础框架,包括一个用于输入的文本框以及一个用于添加列表项的按钮。

所有新增的内容将会显示在下方的列表区域,并且每个条目都会附带一个删除按钮。

输入框与添加按钮:

复制代码
 <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>
    
    
    
    
`

全部评论 (0)

还没有任何评论哟~